下拉菜单
效果图:
基本代码 如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>下拉菜单</title>
<style type="text/css">
html,body{
height:100%;
overflow:hidden;
}
body,div,form,h2,ul,li{
margin:0;padding:0;
}
ul{
list-style-type:none;
}
#search,#search .box,#search form{
height:34px;
}
#search{
position:relative;
width:350px;
margin:10px auto;
}
#search .box{
background-position:right 0;
}
#search form{
background-repeat:repeat-x;
background-position:0 -34px;
margin:0