在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:hover { background-color: lightgray;
}
修改链接的字体样式
a:hover { background-color: lightgray;
}