css样式特效

超链接特效之样式篇

<style type="text/css">                    整段代码加在</title>与〈/head〉之间 <!--                                  让不认<style>的浏览器绕过这段代码往下执行 a: link {text-decoration: underline ; color: #C0C0C0;}   设置超链接时初始时的状态 a: active {text-decoration: none;}                                       活动状态 a: visited {text-decoration: #C0C0C0;}                           鼠标指向时的状态 a: hover {text-decoration: underline overline ; color: #FFFFD5;} 鼠标盘旋时的状态 //--> </style>
实际应用的例子
字体变色 <STYLE TYPE="text/css"> <!--     A: hover {color:#FF3300}  //--> </STYLE>	去掉下划线1 <STYLE TYPE="text/css"> A {text-decoration: none;}  A: hover {text-decoration: none;} </STYLE>	去掉下划线2 <STYLE TYPE="text/css"> A {text-decoration: none;}  A: hover {text-decoration: underline;} </STYLE>
变链接底色 <style type="text/css"> <!--A: link {color: #000000; text-decoration: none }A: hover { background: green; color: white; text-decoration: none;} //--></style>	加上、下划线 <style type="text/css"> a:link {text-decoration: none;} a:active {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none; color: #FFFFFF; underline;overline;} </style>	字体变大 <style type="text/css"> <!--a:link {text-decoration:none;} a:active {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:none;color:#000000;font-weight:bold;} //--></style>