u=3083571013,2480410743&fm=26&gp=0.jpg.png

所需积分/C币:50 2019-05-19 08:38:51 172KB PNG
82
收藏 收藏
举报

<!DOCTYPE html> &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;title&gt;daohanglan&lt;/title&gt; &lt;style type="text/css"&gt; nav { width: 960px; margin: 0 auto; /*定义导航宽度,水平居中*/ } nav ul { list-style: none; /*去掉列表符号*/ } nav ul li { float: left; /*水平排列*/ position: relative; /*父级元素相对定位*/ } nav ul li ul { position: absolute; /*子元素绝对定位*/ display: none; /*默认情况下不显示*/ left: 0; /*子元素相对父元素,left:0位置显示,二级菜单和上级一级菜单项左对齐*/ } nav ul li:hover ul { display: block; /*鼠标放上去,显示下拉菜单*/ } nav 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; } nav a:hover { background-color: #F00; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">电影</a> <ul> <li><a href="#">新上映</a></li> <li><a href="#">华语</a></li> <li><a href="#">欧美</a></li> <li><a href="#">日韩</a></li> <li><a href="#">电影排行榜</a></li> </ul> </li> <li><a href="#">音乐</a> <ul> <li><a href="#">新歌首播</a></li> <li><a href="#">华语</a></li> <li><a href="#">欧美</a></li> <li><a href="#">日韩</a></li> <li><a href="#">音乐排行榜</a></li> </ul> </li> <li><a href="#">科技</a> <ul> <li><a href="#">互联网</a></li> <li><a href="#">IT业界</a></li> <li><a href="#">移动互联</a></li> </ul> </li> <li><a href="#">财经</a> <ul> <li><a href="#">财经快讯</a></li> <li><a href="#">证券要闻</a></li> <li><a href="#">财经专题</a></li> </ul> </li> </ul> </nav> &lt;/body&gt; &lt;/html&gt;

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
一个资源只可评论一次,评论内容不能少于5个字
您会向同学/朋友/同事推荐我们的CSDN下载吗?
谢谢参与!您的真实评价是我们改进的动力~
上传资源赚积分or赚钱
最新推荐