css样式特效

超链接特效之样式篇

<table> <tbody> <tr> <td width="100%" bgcolor="#c6c6c6" colspan="3" height="5">　</td> </tr> <tr> <td width="100%" bgcolor="#ffffff" colspan="3" height="235">
<center> <table> <tbody> <tr> <td width="91%"><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></td> </tr> </tbody> </table>nn </center> </td> </tr> <tr> <td width="100%" bgcolor="#f5f5f5" colspan="3" height="18"> 实际应用的例子 </td> </tr> <tr> <td width="33%" bgcolor="#f5f5f5" height="145"> <table> <tbody> <tr> <td width="100%" bgcolor="#0066cc" height="18"> 字体变色 </td> </tr> <tr> <td width="100%" bgcolor="#ffffff" height="125"> <STYLE TYPE="text/css"> <!--

A: hover {color:#FF3300} //-->

</STYLE>

<input type="button" value="看看效果" name="Button1"> </td> </tr> </tbody> </table> </td> <td width="33%" bgcolor="#f5f5f5" height="145"> <table> <tbody> <tr> <td width="100%" bgcolor="#0066cc"> 去掉下划线1 </td> </tr> <tr> <td width="100%" bgcolor="#ffffff"><STYLE TYPE="text/css"> A {text-decoration: none;} A: hover {text-decoration: none;} </STYLE> <input type="button" value="看看效果" name="Button1"> </td> </tr> </tbody> </table> </td> <td width="34%" bgcolor="#f5f5f5" height="145"> <table> <tbody> <tr> <td width="100%" bgcolor="#0066cc"> 去掉下划线2 </td> </tr> <tr> <td width="100%" bgcolor="#ffffff"><STYLE TYPE="text/css"> A {text-decoration: none;} A: hover {text-decoration: underline;} </STYLE> <input type="button" value="看看效果" name="Button1"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="33%" bgcolor="#f5f5f5" height="185"> <table> <tbody> <tr> <td width="100%" bgcolor="#0066cc" height="18"> 变链接底色 </td> </tr> <tr> <td width="100%" bgcolor="#ffffff" height="226"> <style type="text/css">

<!--A: link {color: #000000; text-decoration: none }A: hover { background: green; color: white; text-decoration: none;} //--></style>

<input type="button" value="看看效果" name="Button1"> </td> </tr> </tbody> </table> </td> <td width="33%" bgcolor="#f5f5f5" height="185"> <table> <tbody> <tr> <td width="100%" bgcolor="#0066cc"> 加上、下划线 </td> </tr> <tr> <td width="100%" bgcolor="#ffffff"><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> <input type="button" value="看看效果" name="Button1"> </td> </tr> </tbody> </table> </td> <td width="34%" bgcolor="#f5f5f5" height="185"> <table> <tbody> <tr> <td width="100%" bgcolor="#0066cc"> 字体变大 </td> </tr> <tr> <td width="100%" bgcolor="#ffffff"> <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>

<input type="button" value="看看效果" name="Button1"> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>nn > 原文地址：https://blog.csdn.net/a5489888/article/details/8585672?ops_request_misc=&request_id=4ac4022a84dd49759bfec91d9092784e&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~all~koosearch~default-12-8585672-null-null.142^v88^insert_down28v1,239^v2^insert_chatgpt&utm_term=css3%E7%89%B9%E6%95%88