text-decoration
时间: 2023-06-30 18:22:47 浏览: 69
text-decoration 是 CSS 的一个属性,用于为文本添加装饰效果,比如下划线、删除线、上划线等。常用的取值包括:
- underline:添加下划线
- overline:添加上划线
- line-through:添加删除线
- none:取消文本装饰
例如,要为一个文本添加下划线,可以这样写:
```
text-decoration: underline;
```
要同时添加下划线和删除线,可以这样写:
```
text-decoration: underline line-through;
```
相关问题
text-decoration用法
text-decoration是CSS中用来设置文本修饰的属性,常见的修饰有下划线、删除线、上划线等。
常用的属性值如下:
- none:不显示任何文本修饰。
- underline:添加下划线。
- overline:添加上划线。
- line-through:添加删除线。
- blink:文本闪烁。
使用方法如下:
```css
text-decoration: underline; /* 添加下划线 */
text-decoration: line-through; /* 添加删除线 */
text-decoration: none; /* 不添加任何文本修饰 */
```
也可以同时设置多个修饰,如下:
```css
text-decoration: underline line-through; /* 添加下划线和删除线 */
```
如果想要设置文本修饰的颜色,可以使用text-decoration-color属性,例如:
```css
text-decoration: underline;
text-decoration-color: red; /* 下划线颜色为红色 */
```
text-decoration属性
text-decoration属性用于指定文本的装饰效果,常用的值包括:
1. none:无任何装饰效果。
2. underline:文本下方添加一条线。
3. overline:文本上方添加一条线。
4. line-through:文本中间添加一条线,表示删除线。
5. blink:文本闪烁。
该属性可以应用于文本的部分或全部。例如,可以使用以下代码在HTML中添加带下划线的链接文本:
```html
<a href="https://www.example.com" style="text-decoration: underline;">Example</a>
```
此外,text-decoration还支持缩写属性text-decoration-line、text-decoration-style和text-decoration-color,分别用于指定装饰线的类型、样式和颜色。例如:
```css
a {
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-color: #f00;
}
```
阅读全文