当前位置: 编程技术>WEB前端
CSS小例子(只显示下划线的文本框,像文字一样的按钮)
来源: 互联网 发布时间:2014-10-07
本文导语: 只显示下划线的文本框,像文字一样的按钮 body{ background-color:#daeeff; /* 页面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ color:#005aa7; border-bottom:1px solid #005aa7; /* 下划线效果 */ border-top:0px;...
只显示下划线的文本框,像文字一样的按钮
body{
background-color:#daeeff; /* 页面背景色 */
}
form{
margin:0px; padding:0px;
font:14px;
}
input{
font:14px Arial;
}
.txt{
color:#005aa7;
border-bottom:1px solid #005aa7; /* 下划线效果 */
border-top:0px;
border-left:0px;
border-right:0px;
background-color:transparent; /* 背景色透明 */
}
.btn{
background-color:transparent; /* 背景色透明 */
border:0px; /*border:0px solid #005aa7;边框取消 */
cursor:pointer;
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
用户名:
密 码:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]