CSS滑鼠滑過變更文字顏色

  • 25438
  • 0
  • Html
  • 2013-05-08

CSS滑鼠滑過變更文字顏色

範例語法:Html,CSS

1. 利用CSS設定超連結的文字顏色,讓滑鼠滑過時有滑入滑出的效果。

2. 在DIV裡面設定當滑鼠滑入滑出時的文字字型、大小、顏色。

<html>
<head>
<title>CSS滑鼠滑過變更連結文字顏色</title>
<style type="text/css">
<!--
a {color:#414141; text-decoration:none;}
a:hover{color:#4c7cbd; text-decoration:none;}
.title {
 font-family: "Cooper Std Black";
 font-size: 16px;
 color:#333;
}
.overtitle{
 font-family: "Cooper Std Black";
 font-size: 16px;
 color:#999;
}
//-->
</style>
</head>
<body>
<a href='http://www.google.com.tw'>Google</a>
<div class="title" onmouseout="this.className='title'" onmouseover="this.className='overtitle'">Google</div>
</body>
</html>

 

 

參考或是複製語法時,別忘了留個言喔 ^ ^ ~