已采納回答 / 慕瓜6530823
a:hover{background-image:url("圖片地址"); 你是按照這個方式寫的嗎?還有就是你的圖片是相對地址 不能是絕對地址
2017-05-13
已采納回答 / 西西萌
設(shè)置margin-bottom不能達到該效果,因為例子中的菜單下邊框已經(jīng)固定(ul中的border-bottom),li的上外邊距固定(margin-top:20px),這時給a標簽設(shè)置margin-top為負值才會在下邊對齊的基礎(chǔ)上向上伸長一定距離。使用margin-bottom可以用于上邊對齊需要向下伸長的情況。
2017-05-10
已采納回答 / qq_谷子菜fw_0
因為在.nav li a{display:block; height:30px;text-align:center; line-height:30px; width:120px; background:url(http://img1.sycdn.imooc.com//53846438000168f901200060.jpg); margin-left:1px;}中設(shè)置了背景圖片,背景圖片沒有指定位置時,默認是從左上角0,0開始展示出來的。在該案例中,背景圖片就是帶有圓角的矩形。
2017-05-02
已采納回答 / 羅西南
因為定義盒子的寬度是以內(nèi)容寬度來顯示的,這個寬度就不包括padding和border,也就是說你設(shè)置20px寬度是給內(nèi)容的寬度,再定義padding的話盒子就變寬了。 其實這個最主要是因為padding是算入背景里面的,不像是margin所以就會增大寬度。 css3有個box-sizzing屬性可以規(guī)定寬度的計算范圍,例如設(shè)置border-box這些如果設(shè)置100px寬度,那這盒子就是100px,不管你設(shè)多大的padding和border,都是100px。
2017-05-02