展会信息港展会大全

css 美化input输入框-美化按钮
来源:互联网   发布日期:2016-03-25 15:59:19   浏览:2747次  

导读:我们会看到很多网站的文本输入框都非常漂亮哦,如taobao等,下面我们来看一下我们用css美化输入框的代码吧。代码如下复制代码 .SearchBar {font-...

我们会看到很多网站的文本输入框都非常漂亮哦,如taobao等,下面我们来看一下我们用css美化输入框的代码吧。

代码如下

复制代码

.SearchBar {

font-size:12px; letter-spacing:2px;

border-bottom:1px solid #dddddd;

padding:5px 0px 3px 0px;

margin:4px 0px 4px 0px;

text-align:center;height:24px;

FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f5f5f5', endColorStr='#eeeeee', gradientType='0');

}

.SearchBar input.textfield{

border-top:1px solid #dddddd;border-left:1px solid #dddddd;

border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;

BACKGROUND-COLOR: #f5f5f5;line-height:18px;

width:240px;HEIGHT: 22px;

}

.SearchBar span.button{

BORDER: 1px outset #f0f0f0;

BACKGROUND-COLOR: #fafafa;

width:50px;HEIGHT: 20px;

padding:3px 3px 2px 3px;

cursor:hand;

}

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

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