这篇文章总字数为:2974 字,有 4 张图存于本站服务器
作业预览:
one纵向导航:
two横向导航:
实现代码:
one纵向导航:
小浣熊实验2-4*{
margin:0;
padding:0;
}
ul{list-style-type:none;}
.top{display:block;
background-color:rgb(12,137,243);
color:#fff;
width:160px;
text-align:center;
padding:8px;
text-decoration:none;
}
a{
display:block;
background-color:#fff;
color:#000;
width:160px;
text-align:left;
padding:8px;
text-decoration:none;
text-indent: 6px;
}
a:hover,a:active{
color:rgb(133,176,247);
}
- 这些圈子都在看
- NBA球迷
- 互联网精英
- 游戏高手
- 汽车热爱者
- 环球理财者
- 演艺圈
- 萌宠主人
two横向导航:
小浣熊实验2-4twoul{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li{
float:left;
}
a{
display:block;
background-color:rgb(12,137,243);
color:#fff;
width:80px;
text-align:center;
padding:15px 0px;
text-decoration:none;
}
a:hover,a:active{
color: rgb(36,94,163)
}
span{padding: 3px;}
span:hover{background-color: rgb(235,237,239);}
- 新闻
- 视频
- 图片
- 军事
- 体育
- NBA
- 娱乐
- 财经
- 科技
文件下载
附件:李老师实验2-4CSS设计导航菜单
文件大小:645.1k
更新时间:2020-3-24 21:25
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有,若为付费资源,请在下载后24小时之内自觉删除,若作商业用途,请到原网站购买,由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
本文最后更新于2020-3-24,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!