CSS 行內元素hover時陰影高度不夠的問題

2021-09-19 13:24:12 字數 449 閱讀 2265

aspan這樣的行內標籤,其元素本身的大小是由元素內的內容大小決定的。

假設hahahha,span標籤的大小,是由其hahaha文字大小決定的,其使用者不能修改span標籤的大小。

這樣就會造成乙個問題:

即hover時,給span標籤加陰影,但是span標籤的高度不夠高。

如何解決這樣的問題吶?

其實我們只要能修改span標籤的寬高即可滿足要求。

要修改行內元素的寬高,有兩種做法:

設定浮動

設定display屬性

浮動完畢後,設定span標籤的高度為頭部的高度,再hover時,就是整個頭部的高度

css行內元素和塊元素

塊元素 總是在新行上開始 高度,行高以及外邊距和內邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度。它可以容納內聯元素和其他塊元素 行內元素 和其他元素都在一行上 高,行高及外邊距和內邊距不可改變 寬度就是它的文字或的寬度,不可改變 內聯元素只能容納文字或者其他內聯元素 塊級元素 div ...

CSS元素分類(塊元素,行內元素,行內塊元素)

塊元素特點 自己獨佔一行 高度,寬度,外邊距和內邊距都可以更改 寬度預設是父級寬度的100 是乙個容器及盒子,裡面可以放行內或者塊級元素。注 p標籤主要用於存放文字,因此p裡面不能放塊級元素,特別是不能放div,同理,h1 h6等都是文字類塊級標籤,裡面也不能放其他塊級元素。行內元素特點 可以一行顯...

CSS塊級元素 行內元素 行內塊級元素

塊級元素 根據css規範的規定,每乙個網頁元素都有乙個display屬性,用於確定該元素的型別,每乙個元素都有預設的display屬性值,比如div元素,它的預設display屬性值為 block 成為塊級元素 display block 常見塊級元素 div p ul ol li 等 1 每個塊級...