《
css基础实例只显示下划线的文本框》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333152013.htm
css基本实例只显示下划线的文本框
<,CSS基础 选择符详解;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns=" >
<head>
<title>只显示下划线的文本框，像文字一样的按钮|dushuwu.net</title>
<style type="text/css"><!--
body{
background-color:#daeeff; /* 页面背景色 */
}
form{
margin:0px; padding:0px;
font:14px;
}
input{
font:14px Arial;
}
.txt{
color:#005aa7,CSS在移动网站开发的前端技术和技巧;
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;
}
--></style><style type="text/css" bogus="1",CSS在交互上的应用;>,CSS在IE6,IE7,FIREFOX中的区别; body{
background-color:#daeeff; /* 页面背景色 */
}
form{
margin:0px; padding:0px;
font:14px;
}
input{
font:14px Arial;
}
.txt{
color:#005aa7;
border-bottom:1px solid #005aa7,CSS圆角背景与三角形实现办法; /* 下划线效果 */
border-top:0px;
border-left:0px;
border-right:0px;
background-color:transparent; /* 背风景透明 */
}
.btn{
background-color:transparent; /* 背景色透明 */
border:0px; /*border:0px solid #005aa7;边框撤消 */
cursor:pointer;
}</style>
</head>
<body>
<div>
用户名:
<input type=",CSS图片层叠实现古画效果;text" name="name" id="name" class="txt" />
密 码:
<input type="password" name="pwd" id="pwd" class="txt" />
,css命名规则：图片切图转网页的代码规范;
<input type="submit" name="btnSubmit",CSS命名的三种规范化命名规则; id="btnCancel" value="重置" class="btn" />
<input type=",CSS加载失败原因的总结与分析;submit" name="btnSubmit" id="btnSubmit" value=",CSS制作网页的一些经验分享;提交" class="btn" />
</div>
</body>
</html>
--> [
网站建设之]css基础实例只显示下划线的文本框
Tag：文本 显示 实例 基础
以下为网页源代码：
(责任编辑：网站建设)
css基础实例只显示下划线的文本框相关文章