css实现input文本框的双边框美化
时间：2014-04-29 09:28:46
收藏：0
阅读：803
<!DOCTYPE html>
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<title>css实现input文本框的双边框美化</title>
<style
type="text/css">
.input_div{width:250px; height:22px; border-style:solid;
border-width:1px 0 1px 1px; border-color:#b4b4b4 #eeeeee #d8d8d8
#bbbbbb;}
.input_div input{display:block; width:248px; *width:246px;
height:18px; *margin-top:-1px; padding-top:2px; border:1px solid;
border-color:#ececec #d8d8d8 #d8d8d8 #eeeeee;
color:#666666;}
</style>
<body>
<div
class="input_div"><input type="text"
/></div>
</body>
</html>
评论（0）