css控制input与button样式的教程

发布时间:2019-07-31编辑:脚本学堂
文中主要讲input与button样式是如何通过css来控制的?大家参考下。

举例说明一下css如何控制input与button样式的:
 

复制代码 代码示例:
<p align="center">
<input name="提交" type="submit" class="btn" value="提交">
</p>
<p align="center">
<input name="重置" type="reset" class="btn" value="重新作答">
</p>

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 等一样的。