实验4 css的基本使用,李老师实验2-4CSS设计导航菜单

这篇文章总字数为：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-4two

ul{

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 年没有更新，如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢！