CSS的文本属性

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;
        }
相关推荐
again4321 小时前
css生效规则
css
Esun_R1 小时前
使用CSS选择器选择列表中最后一个子元素的几种情况
css
海底火旺2 小时前
以一个简单的React应用理解数据绑定的重要性
前端·css·react.js
Allen Bright4 小时前
【CSS-15】深入理解CSS transition-duration:掌握过渡动画的时长控制
前端·css
到底起什么网名才能不重名21 小时前
使用各种CSS美化网页
前端·css·vscode·bootstrap·html
sunbyte1 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ContentPlaceholder(背景占位)
前端·javascript·css·vue.js·tailwindcss
码哥DFS1 天前
Flex布局原理
前端·css·css3
小飞悟1 天前
别再只会用 px 了!移动端适配必须掌握的 CSS 单位
前端·css·设计
晴殇i1 天前
前端内容保护:如何有效防止用户复制页面内容?
前端·javascript·css
Liudef062 天前
2048小游戏实现
javascript·css·css3