Cascading Style Sheet on HyperLink

Cascading Style Sheet (CSS) 是 HTML 4.0 中為了加強網頁格式的控制所新增的功能, 以下我們介紹應用 CSS 來控制超連結特性以及作出類似 HoverButton 效果的方法:

例如在 HTML 的 <head> 及 </head> 標註間加入下列敘述

<style>
<!--
 a{font-family:標楷體} 
 a:link{color:blue; text-decoration:none}
 a:hover{color:red; background-color:#00FF00; text-decoration:underline; letter-spacing:1;
         font-family:新細明體; cursor:hand; font-size:12pt}
 a:visited{color:yellow;text-decoration:line-through}
-->
</style>

如此在此網頁中所有的超連結標註 <a> 都會依照指定的效果來呈現。
如果需要以其它方式呈現的話也可以直接在超連結標註 <a> 中修改如下

<a href=http://www.yam.com.tw/ style="cursor:crosshair">

當然這種方式必須在支援 CSS 的瀏覽器上才能夠顯示出來 (例如: IE4.0 或是 NetScape4.0 以上)

範例:

My Home 蕃薯藤
 奇摩站