CSS控制段落

CSS控制文本样式的显示,以下就举一两个小例子:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <style>
   #p1{
    background:gray;
    text-indent:20px;/*文本缩进属性*/
    text-decoration:underline;
   }
   #p2{
    background:orange;
    text-align:center;/*文本水平对齐属性*/
    text-decoration:overline;
   }
   #p3{
    background:blue;
    text-align:right;
    text-decoration:line-through;/*字体修饰属性*/
    letter-spacing:10px;/*字母(文字)间隔属性*/
   }
  </style>
 </head>
 <body>
  <p id="p1">网易五大未解之谜: 1学挖掘机学校到底哪家更强? 2iphone的屏幕摔碎了去哪里修? 3易友的数学究竟是谁教的? 4明明显示有几千条的跟帖区为何频频闹鬼? 5为什么美利坚是人类的希望? 腾讯 五大未解之谜 1转发已经超过了一百万,韩国人到底有没有向何炅道歉? 2为什么几亿人看哭了的日志我却没有哭? 3日本电影《贞 子》在中国到底什么时候上映 4马化腾的生日究竟是哪一天 5为什么不转不是 中国人</p>
  <p id="p2">学挖掘机学校到底哪家更强</p>
  <p id="p3">网易五大未解之谜: 1学挖掘机学校到底哪家更强? 2iphone的屏幕摔碎了去哪里修? 3易友的数学究竟是谁教的? 4明明显示有几千条的跟帖区为何频频闹鬼? 5为什么美利坚是人类的希望? 腾讯 五大未解之谜 1转发已经超过了一百万,韩国人到底有没有向何炅道歉? 2为什么几亿人看哭了的日志我却没有哭? 3日本电影《贞 子》在中国到底什么时候上映 4马化腾的生日究竟是哪一天 5为什么不转不是 中国人</p>
  <div></div>
 </body>
</html>

 

 

效果:

 

wKioL1Qh9AXTwvovAAN3MPe0jsQ406.jpg

本文出自 “别闹好好的” 博客,转载请与作者联系!

你可能感兴趣的:(css,样式,文本)