亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

編程練習

小伙伴們,根據所學知識,實現如下圖所示的簡單無序列表,并為每個列表項添加超鏈接。每個列表項的寬度為50px,高度為30px,列表中的文字在水平和垂直方向上均居中顯示,超鏈接初始狀態和訪問后的狀態均為黑色無下劃線,鼠標經過和點擊時文字均為白色,無下劃線,背景顏色為#BE3948。

效果圖:

溫馨提示:完成任務后,請驗證是否與實踐描述效果一致,如一致,恭喜您,你已經掌握此技能,否則,請重復學習此節內容。

任務


一、在右側代碼的body標簽中添加一個無序列表。
二、為每一個列表項設置超鏈接,可以設置空鏈接(#)。
三、在右側代碼的</head>之前,分別定義標簽選擇器li和a,并按照題目要求定義其CSS樣式 。

注意:

① 超鏈接四種狀態的設置順序;
② 要想讓列表在水平方向上排列,需要設置列表項浮動
③ 由于a標簽屬于內聯元素,無高度和寬度屬性,因此控制鼠標經過狀態改變背景顏色時,僅在有文字的地方顯示背景顏色。解決的辦法是把a標簽變為塊級元素,display:block
?不會了怎么辦

小伙伴們,可以在右下角的"源代碼下載"區,下載參考代碼。

||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?