一、文本属性
属性 | 含义 |
---|---|
color | 文字颜色 |
font=-amily | 字体类型 |
font-size | 文字大小 |
font-weight:bold | 文字加粗 |
font-style:italic | 文字倾斜 |
text-indent | 首行缩进 |
line-height | 水平对齐方式 |
height | 行高 |
background-color | 背景颜色 |
text-decoration | 文本修饰 |
二、代码演示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style tylie="text/css">
.p1 {color:red;} /* 文字颜色 */
.p2 {font-family:"华文中宋";} /* 字体类型 */
.p3 {font-size:26px;} /* 文字大小 */
.p4 {font-weight:bold;} /* 文字加粗 */
.p5 {font-style:italic;} /* 文字倾斜 */
.p6 {text-indent:60px;} /* 首行缩进 */
.p7 {text-align:center;} /* 水平对齐方式 */
.p8 {line-height:100px;} /* 行高 */
.p9 {height:100px;line-height:100px;background-color:gray;} /* 垂直居中 */ /* 背景颜色 */
.p10 {text-decoration:underline;} /* 文本修饰 */
</style>
</head>
<body>
<ul>
<li class="p1">1 不听大使馆两度劝返者鲁佳斌:我没有“千里投毒”</li>
<li class="p2">2 通辽一男子涉刑案在逃警方称其“极度危险”</li>
<li class="p3">3 一淮海战役烈士名字刻在纪念塔</li>
<li class="p4">4 去加拿大留学的费用大约是多少?</li>
<li class="p5">5 北京大兴国际机场迎来第1000万名旅客</li>
<li class="p6">6 德阳市民文明手册咋满篇乱码?</li>
<li class="p7">7 假期将至,长沙市市场监管局强化游客场所特种设备监督检查</li>
<li class="p8">8 出租车撞上路边停放的300万兵力维修费或需几十万</li>
<li class="p9">9 大货车突然倒车,站在盲区内的女子浑然不觉</li>
<li class="p10">10 智能机器人报价,货到付款!</li>
</ul>
</body>
</html>
结果: