Css Getting Started Tutorial: css controls the input and bottn styles

Haha, let's take a look at the css Getting Started Tutorial: css controls the css style of text input boxes and buttons. Let's take a look at the effect chart first.

Now I see whether my text input box is a pale background and border. Now let's see how we implement it below.

<P align = "center"> <input name = "" type = "submit" class = "btn" value = "submit"> </p>
<P align = "center"> <input name = "reset" type = "reset" class = "btn" value = "reanswer"> </p>

This is implemented by class =. Let's see how css is implemented.

Input. inputt {
Border: 1px solid # FEE0A8;
Background-color: # FFF9EC;
}
Input. btn {
Background-image: url (images/btn.gif );
Display: block;
Height: 32px;
Width: 97px;
Color: # FEE0A8;
Border-top-width: 0px;
Border-right-width: 0px;
Border-bottom-width: 0px;
Border-left-width: 0px;
Border-top-style: none;
Border-right-style: none;
Border-bottom-style: none;
Border-left-style: none;
Background-color: #240002;
}

In fact, we only use css to control the border background, which is the same as setting div and table.

Declaration: please indicate www.111cn.net for original reprinted on this site