小伙伴們,根據所學知識,請為導航菜單大類設置右箭頭
效果圖:
圖片素材:
圖片引用地址: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 可將課程添加到書簽
舉報