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

  • 相关阅读:
    Android系统架构
    WebView找不到网页,显示空白页问题解决
    隐藏标题栏
    Android编译时gradle报错乱码
    java.net.ConnectException
    can not resolve sendMessage(android.os.message)
    execution failed for task":app:dexDebug"
    android.view.InflateException: Binary XML file line #16: Error&nbs
    com.android.ide.common.process.Pr
    jdbc连接数据库
  • 原文地址:https://www.cnblogs.com/dubaokun/p/3378534.html
Copyright © 2011-2022 走看看