CSS控制段落

时间 2020-05-20
标签 css 控制段落栏目 CSS 繁體版
原文原文链接
CSS控制文本样式的显示，如下就举一两个小例子：html
<!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>
效果：iphone