展会信息港展会大全

css 入门教程:css控制input与bottn样式
来源:互联网   发布日期:2016-03-25 16:01:20   浏览:1707次  

导读:哈哈今天我们来看看,css 入门教程:css控制文本输入框与按钮的css样式,好了我们先来看看效果图.现在看到了我的文本输入框是不是淡色的背景与边框哦.现在来看看我们下面是怎么实现的吧....

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

赞助本站

人工智能实验室

相关热词: 开发 编程 android

相关内容
AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港