辣鱼

03CSS:文本属性

技术  ·  

CSS的文本属性可以定义文本的背景、对齐方式

03.1文本对齐方式

CSS使用text-align定义文本的水平对齐方式。
实例语法:

body {
    text-align: left;
}
h1 {
    text-align: right;
}
h2 {
    text-align: center;
}
描述
left 默认值,文本居左排列
right 文本居右排列
center 文本居中排列

03.2文本修饰

CSS使用text-decoration修饰文本,常见的有下划线、上划线、删除线。
实例语法:

body {
    text-decoration:underline;
}
描述
line-through 删除线
underline 下划线
overline 上划线

03.3文本大小写

CSS使用text-transform属性控制文本的大小写
实例语法:

body {
    text-transform: capitalize;
}
描述
lowercase 全部小写字母
uppercase 全部大写字母
capitalize 每个单词第一个字母大写
none 默认,大小写字母都有
inherit 从父级元素继承text-transform属性的值

03.4文本首行缩进

CSS使用text-indent属性控制文本块中首行文本的缩进。
实例语法:

p {
    text-indent: 50px;
}

p标签内的文本,首行向右缩进50像素。如果是负数,则首行向左缩进。

#

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注