我们在制作网站的时候,肯定有链接的,站内链接,友情链接,如何使网站的链接更加好看,美观呢,可以使用CSS中美化网页链接属性 anchor,在CSS里,可以通过网页链接属性anchor来设置网页链接文字的效果,其语法说明如下。
a:link 尚未链接过的超级链接文字的样式;
a:visited 已经链接过的超级链接文字的样式;
a:active 当鼠标单击链接后,超级链接文字所显现的样式;
a:hover 当鼠标拖到链接文字上后,超级链接文字所显现的样式;
a 在此属性内设置样式时,则上述四种属性将同时引用。
在网站链接属性anchor里可以设置超级链接文字的颜色,字体,字号以及字的形式等文字样式,以改变文字效果。
举例:
<html>
<head>
<title>网站设计超级链接</title>
<style type="text/css">
<!--
a{text-decoration:none} /*设置不加下划线的超级链接*/
a:link{color:green;}
a:visited{color:blue}
a:active{color:red}
a:hover{color:black;font-weight:bold;font-style:italic} /*当鼠标拖到超级链接上时,超级链接文字的颜色为黑色,字体为粗体,斜体*/
-->
</style>
</head>
<body bgcolor=yellow>
<center>
<font size=4 color=red>
</font>
</center>
<ul>
<li><a href="http://www.olserve.com">杭州尚线网络</a>
<li><a href="http://www.olserve.com">杭州网站建设</a>
<li><a href="http://www.olserve.com">杭州网站制作</a>
<li><a href="http://www.olserve.com">杭州网站设计</a>
</ul>
</body>
</html>
本课主题:美化网页链接
相关主题:
网站背景图片定位
固定网站背景图像
重复网站背景图像 background-repeat
网站的背景颜色和背景图片
网页文字首行缩进
请拨打热线:0571-86586571

