css实现input文本框的双边框美化

<!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>

posted @ 2014-04-29 09:23  刘金宇  阅读(809)  评论(0编辑  收藏  举报