类jD的搜索框

QQ截图20140116162227

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
*{margin: 0px;padding: 0px;border: 0px;}

#search_bar{
 width: 478px;
 height: 30px;
 margin: 0 auto;
 margin-top: 200px;
 border: 3px solid #E4393C;
 background-color: #E4393C;
}

#search_text{
 width: 400px;
 height: 30px;
 font-size: 16px;
 line-height: 30px;
 border: 0px;
 background-color: #fff;
 border-color: #fff;
 outline: none;
}

#search_button{
 width: 70px;
 height: 30px;
 color: white;
 font-size: 14px;
 outline: none;
 float: right;
 font-weight: 900;
 cursor: pointer;
 border-style: hidden;
 border_width: 0px;
 border-bottom-color: #fff;
 border-bottom-style: none;
 border-bottom-width: 0px;
 border-left-color: #fff;
 border-left-style: none;
 border-left-width: 0px;
 border-right-color: #fff;
 border-right-style: none;
 border-right-width: 0px;
 border-top-color: #fff;
 border-top-style: none;
 border-top-width: 0px;
}
</style>
</head>
<body>
<div id="search_bar">
<input type="text" name="search_text" id="search_text"/>
<input id="search_button" value="搜索" type="button">
</div>
</body>
</html>
JackSun

JackSun

I'm a coder.

You may also like...

Leave a Reply

Your email address will not be published.