温馨提示×

text-decoration如何改变链接样式

小樊
88
2024-06-19 01:55:54
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

可以通过text-decoration属性来改变链接的样式。常见的取值包括:

  1. underline:在链接下方添加下划线
  2. none:去掉链接的下划线
  3. overline:在链接上方添加上划线
  4. line-through:在链接中间添加一条线

例如,可以使用以下CSS代码来改变链接的样式:

a {
  text-decoration: none; /*去掉链接的下划线*/
}

a:hover {
  text-decoration: underline; /*鼠标悬停时添加下划线*/
}

a:visited {
  text-decoration: line-through; /*访问过的链接添加一条线*/
}

通过调整text-decoration属性的取值,可以自定义链接的样式。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:text-decoration在打印样式中如何运用

0