css 入門教程:css控制input與bottn樣式

哈哈今天我們來看看,css 入門教程:css控制文本輸入框與按鈕的css樣式,好了我們先來看看效果圖.

現在看到了我的文本輸入框是不是淡色的背景與邊框哦.現在來看看我們下面是怎麼實現的吧.

 <p align="center"><input name="" type="submit" class="btn" value="提交"></p>
    <p align="center"><input name="重設" type="reset" class="btn" value="重新作答"></p>

這面是以class=來實現 的,下面我們看看css是怎麼實現 的.

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;
}

其實是只用css控制邊框背景啊,和設定div ,table 等一樣的哦.

申明:本站原創轉載請註明 www.111cn.net