Posted on | by liu
在网页设计中，经常需要使用外部链接，为了美化网页并保证链接的正确性和可读性，大家可以使用CSS来设置外部链接样式。
首先，大家需要通过CSS选择器选中想要设置样式的链接。对于外部链接，大家可以使用CSS的属性选择器。举个例子，大家可以使用以下代码选中所有以”http”或”https”开头的链接：
a[href^="http"], a[href^="https"] {
/* css 样式 */
}接下来，大家可以使用CSS来设置外部链接的样式。以下是一些常见的样式设置：
1. 修改链接颜色
大家可以使用color属性来修改链接的颜色，如下：
a[href^="http"], a[href^="https"] {
color: #0077ff;
}2. 修改下划线
默认情况下，外部链接会有下划线。大家可以使用text-decoration属性来修改下划线的样式。例如，可以将下划线修改为虚线：
a[href^="http"], a[href^="https"] {
text-decoration: underline dashed;
}3. 修改鼠标悬停样式
当鼠标悬停在链接上时，可以显示特定的样式。大家可以使用:hover伪类来实现。例如，可以在鼠标悬停时改变链接颜色：
a[href^="http"], a[href^="https"]:hover {
color: #ff8800;
}4. 新打开窗口
在链接中添加target=”_blank”属性可以在新窗口中打开链接。例如：
<a href="http://example.com" target="_blank">Example</a>
通过以上设置，大家可以美化外部链接样式，提高网页可读性和美观度。