<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左右下三条边设置为灰色