我们在建设网站的过程，难免会遇到链接的问题。现在就由滨州网站建设的技术人员告诉大家一些链接的知识，希望对大家有所帮助。

    1、有鼠标悬停的链接的效果

    为链接设置悬停效果十分流行。所以，我们将多看几个:hover伪类的例子。

    字符间距：可以用letter-spacing属性来调整字符间距。现在为了取得特殊效果，我们将它应用到链接上：

a:hover {letter-spacing: 10px;font-weight:bold;color:red;}

    大写和小写：可以通过text-transform属性来转换字母的大小写。这也可用于为链接制造效果：

a:hover {

text-transform: uppercase;

font-weight:bold;

color:blue;

background-color:yellow;}

    通过上面两个例子你会发现，我们可以通过属性的组合创造出无数种效果

    2、去掉链接的下划线

    如何去掉链接的下划线是一个常见的问题。

    关于是否去掉链接的下划线，你必须仔细考虑清楚，因为这有可能严重降低网站的易用性（usability）。人们已经习惯于兰色有下划线的链接了，他们看到它就知道那是可以点击的。如果你去掉链接的下划线或修改链接的字体颜色的话，这很有可能会令用户感到困惑、并因此不能充分享用你网站上的内容。

    尽管如此，去掉链接的下划线是非常容易的。text-decoration属性，它可用于决定是否给文本添加下划线。要去掉下划线，只要把text-decoration属性的值设为none就行了。

a {text-decoration:none;}

    除此以外，text-decoration属性也可以与其它属性一起应用在伪类上。

a:link {color: blue;text-decoration:none;}

a:visited {color: purple;text-decoration:none;}

a:active {background-color: yellow;text-decoration:none;}

a:hover {color:red;text-decoration:none;}

现如今，网站建设是很重要的。对于我们的建议，希望能给大家提供帮助。

本文由滨州网站建设公司——滨州旭日网络整理编辑，未经同意，不得转载。