小伙伴们,根据所学知识,请为导航菜单大类设置右箭头
效果图:
图片素材:
图片引用地址:http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg
温馨提示:完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能。
1. 为每个大类的CSS样式设置背景:
提示:设置1.png为背景,靠右,且不重复。
2. 当鼠标移到大类时,设置背景为空。
提示:设置hover 时背景为空。
参考代码
.topmenu li
{
height: 30px;
line-height: 30px;
font-size: 11pt;
list-style-type: none;
text-align: left;
padding-left: 8px;
z-index: 3;
background-image: url(1.png);
background-repeat: no-repeat;
background-position: right;
}
.topmenu li:hover
{ background-image: none; }
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报