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

你可能感兴趣的:(css)