小伙伴們,根據所學知識,實現如下圖所示的簡單無序列表,并為每個列表項添加超鏈接。每個列表項的寬度為50px,高度為30px,列表中的文字在水平和垂直方向上均居中顯示,超鏈接初始狀態和訪問后的狀態均為黑色無下劃線,鼠標經過和點擊時文字均為白色,無下劃線,背景顏色為#BE3948。
效果圖:
溫馨提示:完成任務后,請驗證是否與實踐描述效果一致,如一致,恭喜您,你已經掌握此技能,否則,請重復學習此節內容。
一、在右側代碼的body標簽中添加一個無序列表。
二、為每一個列表項設置超鏈接,可以設置空鏈接(#)。
三、在右側代碼的</head>之前,分別定義標簽選擇器li和a,并按照題目要求定義其CSS樣式 。
注意:
① 超鏈接四種狀態的設置順序; ② 要想讓列表在水平方向上排列,需要設置列表項浮動 ③ 由于a標簽屬于內聯元素,無高度和寬度屬性,因此控制鼠標經過狀態改變背景顏色時,僅在有文字的地方顯示背景顏色。解決的辦法是把a標簽變為塊級元素,display:block
小伙伴們,可以在右下角的"源代碼下載"區,下載參考代碼。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報