怎样让链接变得美观

1、首先我们在html里，添加几个链接。

2、要让链接变得更美观，我们当然是使用css样式来美化了。首先我们写一个公共的样式，就是每个链接都会应用上的。

代码如图，主要就是设置了链接的宽度，居中显示，间距等等。

3、默认链接，我们就不需要添加任何的样式了。

下划线链接，也简单，就是在链接上添加一个下划线，用来显示指示这是一个链接而已，样式代码很简单，使用text-decoration: underline;就行了。

4、更美观一点的，我们可以为链接添加背景色，而且指定链接文字的颜色，这二个颜色怎么协调，就看自己的美工功底了。

5、再细化一点，如果有背景色，我们可以为链接添加一个圆角的效果，在上面代码基础上，添加border-radius: 4px;的样式就行了。

6、既然能添加背景色，我们当然也可以添加背景图片了，为了链接更美观，我们可以添加好看的图片，使用background样式来指定图片就行。

7、几个链接的运行效果如图，选择适合自己的就行了。