小伙伴們,根據所給素材制作如下圖所示的TOP排行新聞列表。
圖片素材:
圖片引用,請使用此地址 http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg
溫馨提示:完成任務后,請驗證是否與實踐描述效果一致,如一致,恭喜您,你已經掌握此技能,否則,請重復學習此節內容吆。
在右邊代碼編程器中9行處添加以下CSS樣式:
一、定義topList類選擇器,設置其寬為300px,高為180px,邊框線為1px實線 顏色為#E8E8E8,并讓其在頁面中水平居中。
二、去除項目列表項的項目符號,并設置整個列表ul四個方向填充均為5px。
三、設置em標簽樣式為寬20px,高16px,水平居中,不傾斜,顏色為#333,并設置背景圖片。
四、單獨設置.top中的em標簽的背景圖片。
五、控制超鏈接的四種狀態。
提示: background-position的詳細用法參考http://www.xianlaiwan.cn/wenda/detail/12584 注意: 1.em為內聯元素,要把他改為塊級元素后,設置的寬度和高度才有效 2.所有em的背景圖片均為num.gif,通過設置background-position屬性來控制不同列表項顯示不同的背景圖片
小伙伴們,可以在右下角的"源代碼下載"區,下載參考代碼。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報