在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; }