如何修改 a 链接的样式

在CSS中，你可以使用选择器来针对HTML中的特定元素（例如<a>标签，也就是链接）进行修改样式。以下是一些常见的修改<a>链接样式的方法：

移除下划线：

a {  
    text-decoration: none;  
}

 修改链接的颜色：

a {  
    color: blue; /* 未访问的链接 */  
}  
  
a:visited {  
    color: purple; /* 用户已访问的链接 */  
}  
  
a:hover {  
    color: red; /* 鼠标悬停在链接上 */  
}  
  
a:active {  
    color: green; /* 被选中的链接 */  
}

修改链接的背景色和边框：

a {  
    background-color: yellow;  
    border: 1px solid black;  
    padding: 5px; /* 为了更好地显示边框，可以添加一些内边距 */  
}

修改链接的字体样式：

a {  
    font-family: Arial, sans-serif;  
    font-size: 16px;  
    font-weight: bold;  
}

修改链接的鼠标悬停效果：

a:hover {  
    background-color: lightgray;  
}

 希望能帮到需要的小伙伴们