close


css基本定義 hover 元素屬性 套用樣式



支援CSS1 以上

用法：:hover
說明：鼠指標移動到 tag 套用樣式

css定義：
    鼠指標移動到 a tag  套用樣式
a:hover {
font-size: 20px; 字型20像素
color: blue;  字顏色blue
background-color: yellow; 背景色 yellow
}

程式：
<!DOCTYPE html>
<html>
<head>
<title>css基本定義 hover 元素屬性 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
a:hover {
font-size: 20px;
color: blue;
background-color: yellow;
}
</style>
</head>
<body>
<a href="#">滑鼠指標移動到這裡</a>
</body>
</html>


圖：

 





測試結束~
如果還不了解可參考：w3schools CSS Selector Reference


感謝~

 




 






 















其它文章

arrow
arrow
    文章標籤
    css selector hover 用法 程式 yellow 定義 套用 樣式
    全站熱搜

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄