<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
颜色:RGB RGBA(A 0~1,表示透明度)
text-align: 排版 居中
text-indent: 2em 段落首行缩进
heigh: 300px;
align-height:300px;
行高和块的高度一致就可以上下居中
-->
<style>
h1{
color: rgba(0,255,255,0.9);
text-align: center;
}
.p1{
text-indent: 2em;
}
.p3{
background: cyan;
height: 300px;
line-height: 300px;
}
</style>
</head>
<body>
<h1>魁拔故事</h1>
<p class="p1">
这个世界名为元泱境界,脉(本质为振动)是构成万物的基础。每隔333年,会有一个神秘而强大的异常生物重生
</p>
<p>
它就是魁拔!魁拔的每一次出现,都会给元泱境界带来巨大的灾难!即便是天界的神族,也在劫难逃
</p>
<p class="p3">
在天地两界各种力量的全力打击下,魁拔一次次被消灭,但又总是按333年的周期重新出现。魁拔纪元1664年,天神经过精确测算后
</p>
</body>
</html>
颜色: RGB RGBA(A 0~1,表示透明度)
text-align: 排版 居中
text-indent: 2em 段落首行缩进heigh: 300px;
align-height:300px;
行高和块的高度一致就可以上下居中
上下中划线:
.l1{
text-decoration: underline; 下划线
line-through; 中划线
overline; 上划线
}
总结:![](https://i-blog.csdnimg.cn/blog_migrate/185160d643ffa2fce5b55b38982a88db.png)