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;
        }
相关推荐
石金龙10 小时前
[译] Composition in CSS
前端·css
天天扭码11 小时前
来全面地review一下Flex布局(面试可用)
前端·css·面试
用户4582031531711 小时前
CSS特异性:如何精准控制样式而不失控?
前端·css
会豪19 小时前
CSS 动画属性精讲:从基础到实战
前端·css
前端Hardy1 天前
HTML&CSS: 谁懂啊!用代码 “擦去”图片雾气
前端·javascript·css
前端Hardy1 天前
HTML&CSS:好精致的导航栏
前端·javascript·css
墨渊君2 天前
“蒙”出花样!用 CSS Mask 实现丝滑视觉魔法
前端·css
小帆聊前端2 天前
Flex 布局实战指南:从踩坑到精通,解决 90% 布局难题
css
谢尔登2 天前
【CSS】层叠上下文和z-index
前端·css
Alice-YUE2 天前
【CSS学习笔记3】css特性
前端·css·笔记·html