CSS 链接

在 CSS 中，你可以使用伪类选择器来为链接设置样式。以下是一些常见的 CSS 链接样式设置方法：

1. 设置链接的颜色：

1 2 3

a {     color: blue; }

这个示例将所有链接的文本颜色设置为蓝色。

2. 设置链接的下划线：

1 2 3

a {     text-decoration: underline; }

这个示例将所有链接的下划线样式设置为实线。

3. 设置链接的悬停效果：

1 2 3 4

a:hover {     color: red;     text-decoration: underline; }

这个示例将链接在悬停时的文本颜色设置为红色，并添加下划线效果。

4. 设置链接的访问后效果：

1 2 3

a:visited {     color: purple; }

这个示例将已访问链接的文本颜色设置为紫色。

5. 设置链接的活动状态：

1 2 3

a:active {     color: green; }

这个示例将链接在活动状态（点击链接但未释放鼠标）时的文本颜色设置为绿色。

6. 去除链接的默认样式：

1 2 3 4

a {     text-decoration: none;     color: inherit; }

这个示例将链接的下划线样式和颜色都设置为默认（继承）的值，去除了链接的默认样式。

7. 设置链接的外部链接样式：

1 2 3

a[href^="http"] {     color: blue; }

这个示例将所有外部链接（以 “http” 开头）的文本颜色设置为蓝色。

这些是一些常用的 CSS 链接样式设置方法，你可以根据需要为链接设置不同的样式。

文本修饰

文本修饰是通过 CSS 中的 text-decoration 属性来设置的，它用于定义文本的装饰效果，如下划线、删除线等。以下是一些常见的文本修饰样式：

1. 下划线：

1 2 3

p {     text-decoration: underline; }

这个示例将文本设置为带有下划线的样式。

2. 删除线：

1 2 3

p {     text-decoration: line-through; }

这个示例将文本设置为带有删除线的样式。

3. 上划线：

1 2 3

p {     text-decoration: overline; }

这个示例将文本设置为带有上划线的样式。

4. 不带修饰：

1 2 3

p {     text-decoration: none; }

这个示例将移除文本的所有修饰效果。

5. 继承：

1 2 3

p {     text-decoration: inherit; }

这个示例将继承父元素的文本修饰样式。

6. 下划线和删除线组合：

1 2 3

p {     text-decoration: underline line-through; }

这个示例将文本同时设置为带有下划线和删除线的样式。

你可以根据需要在不同的元素上应用这些样式，以实现所需的文本修饰效果。

CSS 链接 – 菜鸟教程 – 学的不仅是技术，更是梦想！