《CSS布局及应用》PPT课件.pptVIP

下拉菜单；例13： div id=nav ul lia href=#首页/a/li lia href=#电影/a ul lia href=#新上映/a/li lia href=#华语/a/li lia href=#欧美/a/li lia href=#日韩/a/li lia href=#电影排行榜/a/li /ul /li …… /ul/div #nav{width:960px;margin:0 auto;} ul,li{margin:0; padding:0;} ul {list-style: none; /*去掉列表符号*/} ul li{float:left; /*水平排列*/ position:relative;} ul li ul{position:absolute;display:none;left:0;} ul li:hover ul{display:block;} a:link,a:visited{ width:191px;display:block; padding:10px 0; text-decoration:none; background-color:#c11136; margin-right:1px;color: #FFF; text-align:center;} a:hover{background-color:#F00;}