How to create effective button using CSS

How to create effective button in HTML CSS

How to create registration form |with source code and CSS|HTML|php

---

how to create registration form

---

How to create registration form |with source code and CSS|HTML|php

---

REGISTRATION

Name
Address
City	junagadh rajkot manavadar keshod upleta bhavnagar surat valshad mumbai Mehsana Ahmedabad Gandhinagar
Pincode
Email
Mobile Number
Gender	Male     Female
User Name
Password
Confirm Password
login?

---

---

Registration.html ⬇

---

<div id="wrapper">
<div id="form">
<h2 style="color:#5B2E00">REGISTRATION</h2>
    <form action="" method="post" >
      <table width="100%" border="0" cellspacing="10" cellpadding="0">
        <tr>
        <td>Name</td>
          <td><input type="text" name="name" class="textbox" required="required"></td>
        </tr>
        <tr>
        <td>Address</td>
        <td><textarea name="address" class="textbox" cols="35" rows="3" required="required"></textarea></td>
        </tr>
        <tr>
        <td>City</td>
          <td><select name="city" class="textbox" required="required">
              <option>     </option>
                    <option>  junagadh   </option>
                    <option> rajkot    </option>
                    <option> manavadar    </option>
                    <option>  keshod  </option>
                    <option> upleta  </option>
                    <option>bhavnagar   </option>
                    <option>  surat   </option>
                    <option>  valshad   </option>
                    <option> mumbai    </option>
                    <option>Mehsana</option>
              <option>Ahmedabad</option>
              <option>Gandhinagar</option>
            </select></td>
        </tr>
         <tr>
        <td>Pincode</td>
          <td><input type="text" name="pincode" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td>Email</td>
          <td><input type="email" name="email" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td>Mobile Number</td>
          <td><input type="text" name="mobile" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td>Gender</td>
          <td><input type="radio" name="gender" value="male"  />Male<br />
             &nbsp;&nbsp;&nbsp; <input type="radio" name="gender" value="female"  />Female</td>
        </tr>
        <tr>
          <td>User Name</td>
          <td><input type="text" name="username" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td>Password</td>
          <td><input type="password" name="password" class="textbox" required="required"></td>
        </tr>
         <tr>
          <td>Confirm Password</td>
          <td><input type="password" name="confirmpassword" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td colspan="2"><br /><br /><input type="submit" name="submit" class="button" value="registration" /></td>
        </tr>
        <tr>
          <td colspan="2"><br /><a href="#" class="link">login?</a><br /><br /></td>
        </tr>
      </table>
    </form>
  </div>
</div>
</body>

---

Style.css ⬇

---

body
{
margin : 0;
padding : 0;
background:#FFF2E6;
}
#wrapper
{

}


/* registration*/
#form
{
border:1px solid #FA5;
border-radius:10px;
box-shadow:2px 2px 2px 2px #FC9;
background:linear-gradient(#FFE6CC,#FFCA95,#FFCA95,#FFC58A);
margin:5% 20% 0% 20%;
text-align:center;
font-size:20px;
color:#7D3F00;
}
.button
{
padding:12px;
background:linear-gradient(#FFCF9F,#FFAE5E,#F93,#FF8000);
border-radius:10px;
border : 1.8px solid #CE6700;
font-size:20px;
color:#FFF2E6;


}
.button:hover
{
font-size:px;
color:white;
}
.textbox
{
background-color:#FFD9B3;
border-radius:10px;
border : 1.8px solid #CE6700;
color:#532900;
padding:5px;
font-size:20px;
width:170px;
height:30px;
}
.textbox:hover
{
box-shadow:0px 0px 2px 2px #F93;
}
.link
{
text-decoration:none;
color:#4A2500;

}

---

Resmi Y2

Redmi Y2

Xiaomi Redmi Y2 smartphone was launched in June 2018. The phone comes with a 5.99-inch touchscreen display with a resolution of 720 pixels by 1440 pixels. Xiaomi Redmi Y2 price in India starts from Rs. 9,999.

The Xiaomi Redmi Y2 is powered by 2GHz octa-core processor and it comes with 3GB of RAM. The phone packs 32GB of internal storage that can be expanded up to 256GB via a microSD card. As far as the cameras are concerned, the Xiaomi Redmi Y2 packs a 12-megapixel primary camera on the rear and a 16-megapixel front shooter for selfies.

The Xiaomi Redmi Y2 runs Android 8.1 Oreo and is powered by a 3080mAh non removable battery. It measures 160.73 x 77.26 x 8.10 (height x width x thickness) and weighs 170.00 grams.

The Xiaomi Redmi Y2 is a dual SIM (GSM and GSM) smartphone that accepts Nano-SIM and Nano-SIM. Connectivity options include Wi-Fi, GPS, Bluetooth, Infrared, 3G and 4G. Sensors on the phone include Compass/ Magnetometer, Proximity sensor, Accelerometer, Ambient light sensor and Gyroscope.

general
Release date	June 2018
Form factor	Touchscreen
Dimensions (mm)	160.73 x 77.26 x 8.10
Weight (g)	170.00
Battery capacity (mAh)	3080
Removable battery	No
Colours	Dark Grey, Gold, Rose Gold
SAR value	1.12

---

DISPLAY
Screen size (inches)	5.99
Touchscreen	Yes
Resolution	720x1440 pixels

---

HARDWARE
Processor	2GHz octa-core
Processor make	Snapdragon 625
RAM	3 GB
Internal storage	32 GB
Expandable storage	yes
Expandable storage type	microSD
Expandable storage up to (GB)	256

---

CAMERA
Rear camera	12-megapixel
Rear Flash	LED
Front camera	16-megapixel
Front Flash	yes