手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS小例子(只显示下划线的文本框,像文字一样的按钮)
CSS小例子(只显示下划线的文本框,像文字一样的按钮)
摘要:只显示下划线的文本框,像文字一样的按钮body{background-color:#daeeff;/*页面背景色*/}form{margin...

只显示下划线的文本框,像文字一样的按钮 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需刷新才能执行]

【CSS小例子(只显示下划线的文本框,像文字一样的按钮)】相关文章:

CSS中图片于文本的基线对齐设置

CSS创建一个鼠标感应换图片的按钮

CSS改变文字被选择时的背景颜色

CSS3实现漂亮的按钮动画

CSS实现让同一行文字和输入框对齐的方法

DIV CSS如何给文字字体添加下划线?

CSS文字颜色不变下划线变颜色的实现

左中右3栏最先显示中栏内容的方法

如何将链接的下划线做成虚线?

CSS语法手册(三)文本填充,边框,边界和位置属性(一)

精品推荐
分类导航