举例说明一下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 等一样的。