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

  • 相关阅读:
    要使用springtest来进行单元测试 否则将无法注入 applicationContext.xml
    关键词的重要性
    发卡可以以交叉方式佩戴来增强可爱性
    红毛类型
    oracle学习总结4
    对springMVC的简单理解
    理解RESTful架构
    项目移植过程中报:“Project facet Java version 1.7 is not supported.” 错误
    svn服务器的搭建
    oracle学习总结3
  • 原文地址:https://www.cnblogs.com/dubaokun/p/3378534.html
Copyright © 2011-2022 走看看