<html>
<head>
<meta charset='utf-8'>
<title>标题</title>
</head>
<body>
<style>
.show{
border-width: 0 0 1px 0
border-style: solid
border-color: black
}
</style>
<div class='show'>只显示下边框</div>
</body>
</html>
详细用法可以参考以下页面：css设置div只显示某一边的边框
左右有半截高度边框，这个只有2个办法：
不用边框，边线做成背景图
输入框无边框，背景设为透明，弄个跟输入框一半高度的div，用定位重叠在输入框下面，div左右下三条边设置为灰色
只显示下划线的文本框，像文字一样的按钮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需刷新才能执行]
