手机
当前位置:查字典教程网 >网页设计 > 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给文本输入框添加背景图像

用CSS3创建一个旋转可变色按钮

CSS实现左图右文混排布局的方法

纯CSS实现的鼠标经过文本时提示的信息

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

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

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

CSS控制让每行显示4个图片的样式

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

精品推荐
分类导航