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

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

導航條菜單的制作

江老實 Web前端工程師
難度初級
時長23分
學習人數(shù)
綜合評分9.53
1004人評價 查看評價
9.8 內(nèi)容實用
9.4 簡潔易懂
9.4 邏輯清晰
<style type="text/css">

height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;}
.nav li a:hover{ background-color:#F60; color:#fff}
</style>
前端還要講為什么怎么做?“我們之所以現(xiàn)在要用個 height 標簽是因為要給它添個高度啊,我們之所以要用個 width 標簽是因為要添個寬度啊”,您老又得說老師羅里吧嗦廢話真多了
有看不懂的就要多看看評論,這是一個套路
border-radius:5px 5px 0 0 ; background:#F60;
margin:-10px;出現(xiàn)盒子重疊現(xiàn)象?。?!改為 margin-top:-10px;
.nav li{ float:left;}
.nav li a{ display:block; height:30px; line-height:30px; width:70px; background-color:#efefef; margin-bottom:1px;text-align:center;}
li 標簽用轉(zhuǎn)塊,用margin: 0 auto;居中,text-align:center;是字體居中,你放在li里面也只是讓他的字體居中
感覺后面這幾節(jié)都是在亂講,純靠自己摸索,都是用其他方法來實現(xiàn)。
我給ul設(shè)置一個overflow:hidden如何?
添加:display:inline-block; 也是可以制作水平導航欄的,原理是將塊元素變成內(nèi)聯(lián)元素。
添加到哪個li 里面
導航條菜單的制作總結(jié): 無序列表垂直導航(ul&li) 無序列表橫向?qū)Ш剑╢loat:left) 圓角菜單導航 高度伸縮菜單導航
1.把a標簽定義成行內(nèi)塊: display:block;
2.文字縮進:text-indent:20px;
問css為什么不行的,你看看放上去的時候有沒有過渡效果
循序漸進,簡潔易懂,條例清晰,非常好
能用css實現(xiàn)的為嘛要用JavaScript
課程須知
1.熟悉html知識,尤其對<ul>和<a>比較熟悉; 2.對css樣式比較了解; 3.掌握JavaScript和jQuery基礎(chǔ)知識。
老師告訴你能學到什么?
輕松制作出各種形式的網(wǎng)站導航條菜單

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消