CSS中如何修改鼠標樣式

發布時間：2021-07-26 13:54:05 來源：億速云閱讀：163 作者：Leah 欄目：開發技術

今天就跟大家聊聊有關CSS中如何修改鼠標樣式，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

　　CSS鼠標樣式怎么改

　　直接對標簽使用即可，無論A標簽、SPAN標簽、DIV標簽等均可。

　　onMouseOver="this.style.color='#F00';this.style.textDecoration='underline'"

　　onMouseOut="this.style.color='#00F';this.style.textDecoration='none'">DIVCSS5</a>

　　以上對a超鏈接代碼設置默認樣式、鼠標移到目標上、鼠標移開目標后樣式。特點代碼比較長。

　　DIVCSS5重要提示說明：為了看到鼠標移開后與默認樣式相同，通常需要直接對標簽使用style設置默認CSS樣式并且與onMouseOut設置CSS樣式保持相同。以免初始狀態對象樣式與鼠標移開對象后樣式的不同。

　　CSS鼠標樣式修改代碼：

　　onMouseOut="this.style.color='#00F';this.style.textDecoration='none'"

　　設置默認字體顏色#00F與不顯示下劃線。

　　通過常規hover與不用外部hover實現hover樣式設置方法案例如下

　　完整常規外部CSS案例展示代碼：

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

　　<title>DIVCSS5實例</title>

　　<style>

　　.abca{color:#00F;text-decoration:none}

　　/*默認abc盒子里超鏈接文字字體顏色為藍色沒有下劃線*/

　　.abca:hover{color:#F00;text-decoration:underline}

　　/*鼠標懸停abc盒子里超鏈接文字上后字體顏色為紅色出現下劃線*/

　　.bb{color:#00F}

　　.bb:hover{color:#F00;font-weight:bold}

　　/*直接對bb對象盒子設置hover*/

　　</style>

　　</head>

　　<body>

　　<divclass="abc">

看完上述內容，你們對CSS中如何修改鼠標樣式有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站