美文网首页
【CSS学习笔记12】-文本Text

【CSS学习笔记12】-文本Text

作者: 兔小小 | 来源:发表于2023-09-28 23:49 被阅读0次

文本颜色 color

color属性用于设置文本的颜色。 颜色由以下人员指定:

  • 颜色名称 - 如“红色”
  • 十六进制值 - 如“#ff0000”
  • 一个 RGB 值 - 如“rgb(255,0,0)”

查看 CSS 颜色值以获取可能的颜色值的完整列表。页面的默认文本颜色在正文选择器中定义。

body {
  color: blue;
}

h1 {
  color: green;
}

文本颜色和背景颜色 color background-color

在此示例中,我们同时定义了background-colorcolor属性:

body {
  background-color: lightgrey;
  color: blue;
}

h1 {
  background-color: black;
  color: white;
}

div {
  background-color: blue;
  color: white;
}

文本对齐方式 text-align

text-align属性用于设置文本的水平对齐方式。

文本可以是左对齐或右对齐、居中对齐或两端对齐。

下面的示例显示居中对齐以及左右对齐的文本 (如果文本方向为从左到右,则默认为左对齐,右对齐 如果文本方向为从右到左,则默认对齐方式):

h1 {
  text-align: center;
}

h2 {
  text-align: left;
}

h3 {
  text-align: right;
}

当属性设置为“justify”时,每行都被拉伸,使每条线的宽度相等,左右边距为直的(如杂志和报纸):text-align

div {
  text-align: justify;
}

文本最后对齐 text-align-last

text-align-last属性指定如何对齐文本的最后一行。

p.a {
  text-align-last: right;
}

p.b {
  text-align-last: center;
}

p.c {
  text-align-last: justify;
}

文本方向

相关文章

网友评论

      本文标题:【CSS学习笔记12】-文本Text

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