哈哈今天我们来看看,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