第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

導(dǎo)航條菜單的制作

江老實 Web前端工程師
難度初級
時長23分
學習人數(shù)
綜合評分9.53
1004人評價 查看評價
9.8 內(nèi)容實用
9.4 簡潔易懂
9.4 邏輯清晰
  • 垂直導(dǎo)航欄 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首頁</title> <style> /*list style 表單樣式 text-decoration 文本修飾 disply:block 使a標簽成為塊級元素 margin-bottom:設(shè)置 p 元素的下外邊距 text-indent:文本縮進值*/ ul{list-style: none;width: 100px} a{text-decoration: none;display: block;height: 30px;line-height: 30px;width: 100px;background-color: antiquewhite;margin-bottom: 1px;text-indent: 20px} a:hover{background-color: black;color: azure} </style> </head> <body> <ul> <li><a href="#">首頁</a></li> <li><a href="#">新聞快訊</a></li> <li><a href="#">企業(yè)展示</a></li> <li><a href="#">聯(lián)系我們</a></li> </ul> </body> </html>
    查看全部
  • 導(dǎo)航條用無序列表制作表單 <ul> <li>
    查看全部
  • 基本的樣式清除:.body{margin:0;padding:0} 無序列表圓點去除: ul{list-style:none} 下劃線去除: a{text-decoration:none}
    查看全部
  • backgroud-position中的像素值x y,其參照原點是標簽的左上角,x為正值向原點右移相應(yīng)像素單位,y為正值則向下移.
    查看全部
    0 采集 收起 來源:編程練習

    2018-01-26

  • 對象a中添加背景圖片 background:url(圖片地址) <li><a?。悖欤幔螅螅剑ⅲ铮睿ⅲ尽∧J首頁交互式開的狀態(tài)  對應(yīng)要與.on,a:hover(color:#**,background-position:0-30)對于 background-position:0-30 背景橫不變縱向向下30
    查看全部
  • li { float:left } 增加可以縱向改為橫向 ul { list-style:none; width:100px } 后面的width需要刪除 縮進刪除 text-align:center 文本對齊方式(居中)
    查看全部
  • 通常用 html 中的無序列表來構(gòu)建導(dǎo)航條菜單
    查看全部
    0 采集 收起 來源:練習題

    2018-01-26

  • 1.文本縮進:text-indent:10px; 2.將a標簽變成塊元素: display:block 3.清除下劃線: text-decoration 4.a:hvoer是一個CSS偽類,用于鼠標移到a的時候的樣式.鼠標經(jīng)過它時候的效果,因為瀏覽器解析超鏈接的時候默認是藍色有下劃線的,所以要用css來改成你想要的效果。
    查看全部
  • 基本的樣式清除:.body{margin:0;padding:0} 無序列表圓點去除: ul{list-style:none} 下劃線去除: a{text-decoration:none}
    查看全部
  • 最后這道題,仿照前面的寫法,感覺應(yīng)該是用style重新設(shè)置overflow屬性,所以我是直接寫的this.style.overflow="hidden";但是發(fā)現(xiàn)沒有效果,看了看評論里面的,找到了原因,this指的是li標簽,但是一級二級都有l(wèi)i標簽,所以沒有定位到二級便簽的li。
    查看全部
    0 采集 收起 來源:編程挑戰(zhàn)

    2018-03-22

  • 菜單<li>浮動后,<li>脫離文檔流,導(dǎo)致<ul>將失去高度和寬度;如果需要對<ul>進行整體背景設(shè)置,首先要給<ul>定義寬、高。
    查看全部
    0 采集 收起 來源:練習題

    2018-03-22

  • text-indent:20px 文字縮進20px 將a標簽定義成行內(nèi)塊:dispaly:block
    查看全部
    0 采集 收起 來源:編程練習

    2018-01-18

  • 基本的樣式清除:.body{margin:0;padding:0} 無序列表圓點去除: ul{list-style:none} 下劃線去除: a{text-decoration:none} 文本縮進標簽 text-indent 不會影響總體寬度(padding會) 將a標簽設(shè)置為塊元素,才能設(shè)高寬、hover效果 代碼:a{display:block} hover效果;a:hover{background-color:grey;color:orange} hover格式 a:hover{}
    查看全部
  • 用無序列表構(gòu)建菜單
    查看全部
  • 菜單<li>浮動后,<li>脫離文檔流,導(dǎo)致<ul>將失去高度和寬度;如果需要對<ul>進行整體背景設(shè)置,首先要給<ul>定義寬、高。
    查看全部
    0 采集 收起 來源:練習題

    2018-03-22

舉報

0/150
提交
取消
課程須知
1.熟悉html知識,尤其對<ul>和<a>比較熟悉; 2.對css樣式比較了解; 3.掌握JavaScript和jQuery基礎(chǔ)知識。
老師告訴你能學到什么?
輕松制作出各種形式的網(wǎng)站導(dǎo)航條菜單

微信掃碼,參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!