温馨提示×

text-decoration如何改变链接样式

小樊
86
2024-06-19 01:55:54
栏目: 编程语言

可以通过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属性的取值,可以自定义链接的样式。

0