• CSS 学习-文本 段落


    段落。

    首行缩进 text-indent属性 比如缩进  <p style="text-indent: 2em;">这里是内容。。。。</p>

    这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容

    悬挂效果 <p style="text-indent: -2em;padding:2em">这里是内容。。。。</p>

    这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容

    对齐方式 :text-align:left|right|center|justify.  justify为两端对齐 ,word-spacing仅对英文有用,因为英文之前用空格区分的letter-spacing 为字符间距。text-transform,可以将英文全部显示为大写或者小写或者首字母大写 lowercase,upercase capitalize 比如  

      <p style="text-transform:lowercase">Hello wOrld</p>

     <p style="text-transform:upercase">Hello wOrld</p>

     <p style="text-transform:capitalize">Hello wOrld</p>

    Hello wOrld

    Hello wOrld

    Hello wOrld

    text-decoration 上划线,下划线,中划线

      <p style="text-decoration:underline >Hello wOrld</p>

     <p style="text-decoration:overline">Hello wOrld</p>

     <p style="text-decoration:line-through">Hello wOrld</p>

    <p style="text-decoration:underline overline line-through">Hello wOrld</p>

    Hello wOrld

    Hello wOrld

    Hello wOrld

    Hello wOrld

  • 相关阅读:
    Kibana
    Filebeat使用
    leetcode刷题笔记七十三题 矩阵置零
    leetcode刷题笔记七十二题 编辑距离
    leetcode刷题笔记七十一题 简化路径
    leetcode刷题笔记七十题 爬楼梯
    leetcode刷题笔记六十九题 X的平方根
    python 冒泡算法
    hive 函数
    Task07:类、对象与魔法方法(3天)
  • 原文地址:https://www.cnblogs.com/dubaokun/p/3378534.html
Copyright © 2020-2023  润新知