美文网首页
CSS 文本属性

CSS 文本属性

作者: 败于化纤 | 来源:发表于2022-11-08 13:18 被阅读0次

文本属性是什么?

文本属性用于控制文本

属性 描述
text-align 规定文本的水平对齐方式。
text-decoration 规定文本装饰。
text-shadow 添加文本阴影
text-indent 规定文本块(text-block)中的的首行缩进。
text-transform 控制文本的大写。

text-align

定义:文本对齐方式
语法:

p{
text-align:left | center | right | justify
}

属性值:

  • left:规定文本左对齐 (默认)
  • center :规定文本居中对齐
  • right :规定文本右对齐
  • justify :规定文本两端对齐

text-decoration

定义:定义文本修饰线
语法:

p{
text-decoration:overline | line-through | underline | none    
}

属性值:

  • overline :添加上划线
  • line-through :添加删除线
  • underline:添加下划线
  • none : 默认值,取消修饰线

text-shadow

定义:定义文本阴影
语法:

h1{
text-shadow:水平位移 | 垂直偏移 | 模糊半径 | 颜色;
}

属性值:

  • x-offset:设置水平偏移,单位是像素(可以取负值,正值向右,负值向左)
  • y-offset:设置垂直偏移,单位是像素 (可以取负值,正值向右下,负值向上)
  • blur:设置模糊半径,数值越大越模糊,单位是像素。
  • color:设置阴影的颜色

text-indent

定义:定义文本首行缩进
语法:

p{
text-indent:相对值 | 固定值
}

属性值:

  • 相对值:
    • em:em表示一个字符
    • rem
    • %
    • vh/vw
  • 绝对值:
    • px

text-transform

定义:定义英文字母的小写转换
语法:

body{
text-transform:none | capitalize | uppercase | lowercase
}

属性值:

  • none:默认值。对原字母不进行转换
  • capitalize :文本中每一个英文单词都以大写开头 (首字母转为大写)
  • uppercase : 定义仅有大写字母 (全部转换为大写字母)
  • lowercase :定义无大写字母,仅有小写字母(全部转为小写字母)

记住文本两端对齐 : justify

如何添加文本阴影

如何添加文本删除线

设置文本缩进的正确关键词

相关文章

网友评论

      本文标题:CSS 文本属性

      本文链接:https://www.haomeiwen.com/subject/btfntdtx.html