<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
.purple{color:purple;}/* 设置有序列表4,13,14,15的颜色 */
.bule{color:#0007F9;}
.red{color:#FF0406;}
.font,b,.red{font-size:30px;}
b{color:#FADD05;font-weight:normal;}/* 设置标签的颜色,不加粗 */
.green{font-size:25px;color:#008A00;}
.one{color:#CDCDCD;}
.indent{text-indent:2em;}/* 设置首行段落为2个字的距离,默认是16px */
.two{list-style:none inside;}/* 剔除类标签two点的样式 */
t ul{padding:0px;margin:0px;}
li{text-indent:10px;line-height:40px;}
.three{background-color:#CCCCCC;width:300px;height:50px;}
.six{line-height:16px;} /* 设置行高为16px */
.margin{text-align:left;margin-left:2em;}/* 设置文本向右对齐,右边距为2个字的的距离
*/
</style>
</head>
<body>
<!-- 建立有序列表 -->
<ol>
<li class="two">.<span>1. 每天告诉自己一次,『我真的很不错</span></li>
<li class="two">.<span>2. 生气是拿别人做错的事来惩罚自己</span></li>
<li class="two">.<span>3. 生活中若没有<b>朋友</b>,就像生活中没有阳光一样</span></li>
<li class="purple three">明天的希望,让我们忘了今天的痛苦 </li>
<li> 生活若剥去了<b>理想</b>梦想、幻想,那生命便只是一堆空架子 </li>
<li class="green">获致幸福的不二法门是珍视你所拥有的、遗忘你所没有的</li>
<li class="red"> 发光并非太阳的专利,你也可以发光</li>
<li class="one"> 获致幸福的不二法门是珍视你所拥有的、遗忘你所没有的 </li>
<li class="one"> 贪婪是最真实的贫穷,满足是最真实的财富</li>
<li class="one"> 你可以用爱得到全世界,你也可以用恨失去全世界</li>
<li > 人的价值,在遭受诱惑的一瞬间被决定</li>
<!-- 类标签选择器,可以多个选择 -->
<li class="blue indent two six">13. 年轻是我们唯一拥有权利去编织梦想的时光</li>
<li class="purple indent two four three six"><strong>14. 青春一经典当即永不再赎</strong></li>
<p class="purple three margin six">15. 青春一经典当即永不再赎</p>
</ol>
</body>
</html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> p{ background-color:blue; width:90px; height:30px; } /* 设置字体多个属于需要按照顺序设置{设置字体样式(斜体),加粗,字号/行高,字体 }背景颜色(推荐使用16进制),边框红颜色 实心线 注意字号和字体不能没有 */ div{ background-color:#007A0B;border:solid red 1px; font:700 20px "微软雅黑"; } </style> </head> <body> <p></p> <div>cellpadding:文本离单元格的</div> </body> </html>
![]()