CSS的文本属性

Манго нектар2024-09-25 16:46

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;
        }