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