21xrx.com
2024-12-19 14:41:31 Thursday
登录
  

CSS text(文本)

文本格式化

此文本使用某些文本格式设置属性进行样式设置.标题使用text-align、text-transform和color属性.段落是缩进的、对齐的,并且指定了字符之间的空格.这个"自己尝试"链接移除了下划线并设置了文本颜色.

文本颜色

color属性用于设置文本的颜色.

使用CSS时,最常见的方法是:

  • 颜色名 - 例如"red"
  • 十六进制值 - 例如"#ff0000"
  • RGB值 - 例如"rgb(255,0,0)"

查看CSS颜色值的完整列表.

网页的默认文本颜色在body选择器中定义。

例子

注意:为了符合W3C标准的CSS:如果你定义color属性,你也必须定义background-color属性.

文本对齐

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

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

下面的例子是居中对齐,文本左对齐和右对齐(如果文本方向是left-to-right,默认是左对齐;如果文本方向是right-to-left,默认是右对齐):

例子

当text-align属性设置为"justify"时,每一行都会被拉伸,使每一行都具有相等的宽度,而左右边距是直的(就像杂志和报纸中的那样):

例子

文本修饰

text-decoration属性用于设置或删除文本中的修饰.

值text-decoration:none;常用于删除链接中的下划线:

例子

其它text-decoration值用于修饰文本:

例子

注意:不建议在非链接的文本下划线,因为这常常使读者感到困惑.

text-transform(文本转换)

text-transform属性用于在文本中指定大写字母和小写字母.

它可以用来把所有的字母都变成大写字母或小写字母,或将每个单词的首字母大写:

例子

文本缩进

文本缩进属性用于指定文本第一行的缩进:

例子

letter-spacing - 字与字之间的间隔

letter-spacing属性用于指定文本中字符之间的空格

下面的示例演示如何增加或缩小字符之间的空格:

例子

line-height - 行高

"line-height"属性用于指定行之间的空间:

例子

direction - 文本方向

"direction"属性用于更改元素里的文本方向:

例子

word-spacing - 字间距

word-spacing属性用于指定文本中单词之间的空格.

下面的示例演示如何增加或缩小单词之间的空格:

例子

text-shadow 文本阴影

text-shadow属性将阴影添加到文本中.

下面的示例指定水平阴影的位置(3px)、垂直阴影的位置(2px)和阴影的颜色(红色):

例子

CSS里的全部文本属性

属性描述
  
  

评论区

{{item['qq_nickname']}}
()
回复
回复
21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2