首页 > 其他分享 >设置字体样式,文本装饰

设置字体样式,文本装饰

时间:2022-10-23 14:34:47浏览次数:48  
标签:none 样式 text height decoration 字体 文本

 

1.设置字体类型(如下)

注意:字体尽量设置成通用的,否则如果用户系统没有该种字体就不能显示

 

 2. 设置字体的粗细

字体粗细 100—900, 100最细,900最粗

 

 3. 设置字体风格(italic斜体,相当于<em></em>,不常用)

 4. 一次性声明所有属性,font:风格(可省),粗细,大小,字体样式(顺序不能更换)

 

 

1. 对齐方式(text-align)

text-align: left   right  center 对齐按照标签的宽度,左右的水平对齐,如果没有宽度,默认浏览器宽度

2. 行高(height)

数字+px,例如:20px

3. 文本上下的对齐方式(line-height)

如果line-height  = height,那么每行字体上下居中,line-height越小,每一行字体越靠这一行的上方

4.背景(background-color)

设置每一行的背景颜色

文本装饰(text-decoration)

                              下划线       上划线      中划线            取消文本装饰的线

text-decoration : underline   overline   line-through        none

 

浏览器展示结果

text-decoration: none

 

 浏览器展示结果(none把前面的文本装饰给覆盖了)

 

 

 text-decoration: none在跳转链接中的作用

 未设置的情况下“点我跳转”是自带下划线的

 

在a标签里用text-decoration: none可以去掉下划线

 

 浏览器展示效果

 

 

标签:none,样式,text,height,decoration,字体,文本
From: https://www.cnblogs.com/lbqq/p/16818499.html

相关文章