text-align属性
指定文本的水平对齐方式
left: 文本居左对齐(默认值)
right: 居右对齐
center:居中对齐
css
.p1{
text-align: left;
}
.p2{
text-align: right;
}
.p3{
text-align: center;
}
text-decorration属性
规定添加到文本的修饰,下划线,上划线,删除线等。
underline:下划线
overline: 上划线
line-through: 删除线
css
.p1{
text-align: left;
text-decoration: underline;
}
.p2{
text-decoration: overline;
text-align: right;
}
.p3{
text-decoration: line-through;
text-align: center;
}
text-transtorm属性
规定文本的下小写。
captialize: 定义每个单词开头大写
uppercase: 定义全部大写
lowercase: 定义全部小写
html
<p class="p1">define how each word starts with a capital case</p>
<p class="p2">define all caps</p>
<p class="p3">DEFINE ALL LOOWERCASE</p>
css
.p1{
text-transform: capitalize;
}
.p2{
text-transform: uppercase;
}
.p3{
text-transform: lowercase;
}
</styl
css
.p1{
text-transform: capitalize;
}
.p2{
text-transform: uppercase;
}
.p3{
text-transform: lowercase;
}
text-indent属性
规定文本块中首航文本的缩进(单位px)
css
p{
text-indent: 30px;
}