div css中如何設定UL LI文字居中又不影響A HOVER背景顯示

2021-04-21 07:16:01 字數 1959 閱讀 7055

1樓:匿名使用者

你應該是把 hover寫到了 a 標籤上,所以需要對a做一些定義。

ul li a

display:block讓a變成塊級元素內,可以容跟div一樣有高度、寬度、行高,否則寬度、高度是無效的。

line-height 與 height 一致,可以讓單行的文字垂直居中。

2樓:商明航

設定line-height:等於你的高度就居中啦。

ul li

關於css 實現 li 滑鼠經過背景顏色切換效果的問題

3樓:復來溪

把ul li{}裡面

的background去掉源;

或者:把padding-left和padding-right移動到ul li a{}裡面;

或者:把ul li a{}裡面的background去掉,然後把ul li a:hover改為ul li:hover.

4樓:匿名使用者

padding那部分這當然是不會顯示背景的啦,又不是用li:hover這樣,想要顯示,那把padding移到a裡面吧。

5樓:匿名使用者

onmouseout="this.style.background=#000" onmouseover="this.style.background=#2d4b45"

上面是bai滑鼠沒du

經過zhi的時候dao #000

下面是滑鼠經專

過的時候的顏色屬#2d4b45

關於 css中 ul li:hover 的問題,求教高手

6樓:匿名使用者

首先你這樣

bai寫css的控制是所有

duul 下面的li的背景色,zhi但是其實你只dao想控制下面層的專li,所以你的css應該屬這樣寫

#menu>ul>li>ul>li:hover

7樓:羊村_村長

肯定是下面的啊 ,ul li 指的是所有li元素。涉及到繼承難題。試試 ul li ul li:hover

div + css,ul的li 中,對li設定了list-style-image,li中的文字是放在a標籤中的,如何讓**和文字對齊?

8樓:蒼茫冰天雪地

list-style-image 這個可以用position 來設抄置襲**位置 : list-style-position: 5px 5px;

但是 list-style-image 各種屬性在各種瀏覽器效果不一,

所以我們拋棄list-style-image ,而改用插入一個小**。

例如:標題標題一標題標題一標題標題一

解釋:首先你要設定一個高度 height =20px

然後 就是行高line-height =20px

然後是關鍵了,因為多數人只去想如何css 設定,沒有去考慮屬性。

**增一個屬性 align 。

align="left " 或 align="absmiddle" 具體用哪個你去試試就知道了。

align 屬性是非常重要, html 並沒有拋棄它。

---全部手寫,如果還有問題,請追問。

9樓:

把li設定bai個高度,然後把dua設定設定同樣的高度,最後讓zhi兩個裡面的文字dao上下居中

li,li a

也可內能只要設定li的高容度並上下居中就可以了,你試試一般設定文字上下居中都是height和line-height相同就可以了

10樓:匿名使用者

不建議使用list-style-image,你可以直接給li定義背景

11樓:匿名使用者

可以貼出你的**嗎?

在divcss中如何讓兩個元素的層級關係改變

層級關係的佈局 有兩種解決方法 一種方法是使用標籤的自然順序和巢狀順序來形回成合理的佈局答。而第一種方法卻不是萬能的,有時候我們需要將原本位於下層的元素移到另一個元素上方,那可以使用z index 而你說的不好用,則是zindex沒有生效,沒生效就是沒有定義position屬性,如果不想讓元素的位置...

中如何設定頁面邊框,word中如何設定頁面邊框?

首先設定分節符 定位插入點,插入 選單下的 分隔符 選 擇 分節內符型別 為 連續 容然後選擇 格式 選單下的 邊框和底紋 選擇 頁面邊框 選項卡,選擇 藝術型 中的一種,應用範圍 選擇 本節 確定 就可以了。再把插入點定位在另一節中,同樣方法設定頁面邊框即可為不同頁設定不同的頁面邊框,而且特別漂亮...

DIVcss為什麼我設定了字型為微軟雅黑,還是顯示宋體,我機

不識別吧,最好不要用一些自己安裝的字型,伺服器裡面不識別的。要不就是樓上說的,被別的覆蓋了,建議用火狐瀏覽器除錯,安裝firebug除錯,安裝後按f12,就能找到原因。是不是編碼格式不對 一般用gb2312 清除cookie 瀏覽記錄,然後重新整理ok 用ff看下,是否被其他宋體覆蓋了,然後詳細檢查...