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;
        }
相关推荐
黎金安6 小时前
前端第二次作业
前端·css·css3
阳光开朗大男孩 = ̄ω ̄=7 小时前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
小马哥编程8 小时前
【前端基础】CSS基础
前端·css
Justinc.9 小时前
CSS3新增边框属性(五)
前端·css·css3
fruge9 小时前
纯css制作声波扩散动画、js+css3波纹催眠动画特效、【css3动画】圆波扩散效果、雷达光波效果完整代码
javascript·css·css3
As977_10 小时前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu108301891110 小时前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
我要洋人死13 小时前
导航栏及下拉菜单的实现
前端·css·css3
小白白一枚1111 天前
css实现div被图片撑开
前端·css
@蒙面大虾1 天前
CSS综合练习——懒羊羊网页设计
前端·css