css 美化 input 文本框与 button 按钮
发布时间：2018-10-14 15:29:03 所属栏目：经验 来源：站长网
导读：我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。 .SearchBar { font-size:12px; letter-spacing:2px; border-bottom:1px solid #dddddd; paddin
|
我们会看到很多网站的文本输入框都非常漂亮哦，如taobao等，下面我们来看一下我们用css美化输入框的代码吧。HTML就不用写了吧，大家自己去测一下吧，很漂亮的。 .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; } （编辑：温州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
