zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    docker学习(3) 容器的启动过程
    docker学习(2) mac中docker-machine使用vmware fusion以及配置国内镜像加速
    docker学习(1) 安装
    maven/gradle 打包后自动上传到nexus仓库
    bash/shell编程学习(3)
    jenkins 入门教程(下)
    jenkins 入门教程(中)
    jenkins 入门教程(上)
    bash/shell编程学习(2)
    ssh远程执行目标机器上的命令
  • 原文地址:https://www.cnblogs.com/dubaokun/p/3378534.html
Copyright © 2011-2022 走看看