css滑鼠懸浮變色原理?夜闌風靜細雨2021-12-16 11:39:17

1、首先新建一個html檔案,命名為test。html,在test。html檔案內,使用table標籤建立一個表格,用於測試。

2、在test。html檔案內,設定table標籤的class屬性為mytable,同時設定邊框為1px。

3、接著在css標籤內,透過class設定表格的樣式,定義它的寬度為300px,高度為200px。

4、在css標籤內,透過td元素名稱和“:hover”選擇器定義當滑鼠指向單元格時,改變單元格的背景顏色,設定為紅色。

5、最後在瀏覽器開啟test。html檔案,滑鼠經過之後,即可變色。

0

css滑鼠懸浮變色原理?L農村娟娟2021-07-03 02:16:55

css中懸停改變樣式的最好方法是用偽類選擇器div:hover{}。css程式碼示例如下:div{width:100px;height:200px;background:#000;}div:hover{background:#fff;}這是一個修改背景顏色的示例,偽類裡可以修改跟多的樣式,寬度,高度或者字型大小,字型顏色都是可以修改的。