html超链接样式
1.默认情况下是始总有下滑线的
2.没有下划线的情况:在<head>和</head>之间加入
<style type="text/css">
<!--a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
-->
</style>
3.仅在变幻图像时有下划线:在<head>和</head>之间加入
<style type="text/css">
<!--a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
-->
</style>
4.变幻图像时也没有下划线:在<head>和</head>之间加入
<style type="text/css">
<!--
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {text-decoration: underline;}
-->
</style>
以上是最基本的方法。另外,还可以在属性值里添加链接字体的颜色(如color: #FF0000;)、大小(font-size: 12px;)等
2.没有下划线的情况:在<head>和</head>之间加入
<style type="text/css">
<!--a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
-->
</style>
3.仅在变幻图像时有下划线:在<head>和</head>之间加入
<style type="text/css">
<!--a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}
-->
</style>
4.变幻图像时也没有下划线:在<head>和</head>之间加入
<style type="text/css">
<!--
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {text-decoration: underline;}
-->
</style>
以上是最基本的方法。另外,还可以在属性值里添加链接字体的颜色(如color: #FF0000;)、大小(font-size: 12px;)等