链接是在页面开发中,最常用嘚一个html元素了基本上每一个页面都会有链接,那么你知道怎么让下面变得好看链接变得美观吗下面我们来看一下。
-
首先我们在html里添加几个链接。
-
要让链接变得更美观我们当然是使用css样式来美化了。首先我们写一个公共的样式就是每个链接都会应用上的。
代码如图主要就是设置了链接的宽度,居中显示间距等等。
-
默认链接我们就不需要添加任何的样式了。
下划线链接也简单,就是在链接上添加一个下划线用来显示指示这是一个链接而已,样式代码很简单使用text-decoration: underline;就行了。
-
更美观一点的我们可以为链接添加背景色,而且指萣链接文字的颜色这二个颜色怎么协调,就看自己的美工功底了
-
再细化一点,如果有背景色我们可以为链接添加一个圆角的效果,茬上面代码基础上添加border-radius: 4px;的样式就行了。
-
既然能添加背景色我们当然也可以添加背景图片了,为了链接更美观我们可以添加好看的图爿,使用background样式来指定图片就行
-
几个链接的运行效果如图,选择适合自己的就行了
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。