自学内容网 自学内容网

css文本修饰

一、文本修饰

属性描述使用
color设置字体颜色color: #ff1237
text-align设置文本水平对齐text-align: center 水平居中
text-align: right 右对齐
text-align: justify两端对齐
vertical-align设置本文垂直对齐vertical-align: top 按当前行最高元素顶部对齐
vertical-align: middle 将当前元素放在父元素的垂直居中位置
vertical-align: bottom 按当前行最低元素底部对齐
text-decoration设置文本装饰text-decoration: none 不进行任何装饰,可用来清除a标签的下划线
text-decoration: overline 设置上划线
text-decoration: line-through 设置中划线(删除线)
text-decoration: underline 设置下划线
text-transform设置文本转换text-transform: uppercase 文本中所有字母转大写
text-transform: lowercase 文本中所有字母转小写
text-transform: capitalize 文本中单词首字母大写
text-indent设置首行缩进text-indent: 50px
letter-spacing设置文本字符间距letter-spacing: 15px
word-spacing设置单词间距word-spacing: 30px
text-shadow设置文本倒影
语法如下:
text-shadow: h-distance v-distance blur-distance color
如:
text-shadow: 1px 2px 3px red;
设置倒影距离文字水平距离1px,垂直2px,模糊距离3px(可不设置),倒影颜色为红色

二、字体修饰

属性描述使用
font-family设置字体家族,常用的字体家族如:常用字体家族 font-family:"Times New Roman", Times, serif;
font-style设置字体样式font-style: normal 正常
font-style: italic 斜体
font-szie设置字体大小font-size: 36px
font-sze: 1.5em
font-size: 50%
font-weight设置字体粗细font-weight: bolder 加粗
font-weight: 700 设置粗度为700

原文地址:https://blog.csdn.net/weixin_74261199/article/details/142311712

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!