css设置链接样式

2026-11-13 22:24:14
css设置链接样式

在网页设计中，CSS用于美化链接的外观。通过设置不同的状态样式，可以提升用户体验。以下是常见链接状态及其对应的CSS属性。

状态 CSS选择器 样式属性示例
默认状态 a color: 00f; text-decoration: none;
鼠标悬停 a:hover color: f00; font-weight: bold;
点击状态 a:active background-color: ccc;
访问过状态 a:visited color: 551a8b;
聚焦状态 a:focus outline: 2px solid 000;

合理使用这些样式，可以让链接更直观、更具交互性。同时，建议统一风格，避免过多变化影响可读性。

  • 标签：