层叠样式表 (CSS) 中的 标签：改善网站外观和功能347

可以通过使用 color 和 text-decoration 属性来更改链接的颜色和文本装饰。例如，以下 CSS 代码将未访问的链接设置为蓝色和带下划线，而已访问的链接设置为灰色和无装饰：```css
a:link {
color: blue;
text-decoration: underline;
}
a:visited {
color: gray;
text-decoration: none;
}
```

2. 设置链接的背景颜色

使用 background-color 属性，可以设置链接的背景颜色。这有助于在页面中突出显示链接，或与整体设计方案相匹配。例如，以下 CSS 代码将所有链接的背景设置为浅绿色：```css
a {
background-color: #90EE90;
}
```

3. 添加链接边框

border 属性可用于链接周围添加边框。这可以增强链接的可视性，或为其提供视觉上的分隔。例如，以下 CSS 代码将所有链接周围添加一个实心黑色边框：```css
a {
border: 1px solid black;
}
```

4. 设置链接填充和外边距

padding 和 margin 属性可用于设置链接周围的填充和外边距。这可以增加链接的点击区域，或将其与周围文本隔开。例如，以下 CSS 代码将所有链接周围添加 5px 填充和 10px 外边距：```css
a {
padding: 5px;
margin: 10px;
}
```

5. 悬停效果

当鼠标悬停在链接上时，可以通过使用 :hover 选择器设置悬停效果。这可以增强交互性，并为用户提供视觉提示。例如，以下 CSS 代码将在鼠标悬停在链接上时，将链接颜色变为红色：```css
a:hover {
color: red;
}
```