【CSS学习笔记12】-文本Text
2023-09-28 本文已影响0人
兔小小
文本颜色 color
color
属性用于设置文本的颜色。 颜色由以下人员指定:
- 颜色名称 - 如“红色”
- 十六进制值 - 如“#ff0000”
- 一个 RGB 值 - 如“rgb(255,0,0)”
查看 CSS 颜色值以获取可能的颜色值的完整列表。页面的默认文本颜色在正文选择器中定义。
body {
color: blue;
}
h1 {
color: green;
}
文本颜色和背景颜色 color background-color
在此示例中,我们同时定义了background-color
和color
属性:
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;
}