文本修饰
-
text-indent:缩进
-
overflow:超出容器的内容如何处理
-
text-decoration:文本横线的显示处理
-
text-align:水平对齐方式
-
line-height:行高,若设置为容器高度可以实现垂直居中
-
vertical-align:行级标签之间垂直对齐(top、bottom、middle)
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本</title>
<style type="text/css">
p{
width: 500px;
height: 50px;
background-color: #008000;
text-indent: 2em; /*缩进2个空格*/
overflow: auto; /*超出部分变滚动条*/
}
a{
text-decoration:overline ; /* 文本样式*/
}
div{
width: 300px;
height: 200px;
background-color: #8A2BE2;
text-align: center;
line-height: 50px; /*行高*/
}
</style>
</head>
<body>
<p>
弃我去者,昨日之日不可留;
乱我心者,今日之日多烦忧。
长风万里送秋雁,对此可以酣高楼。
蓬莱文章建安骨,中间小谢又清发。
俱怀逸兴壮思飞,欲上青天揽明月。
抽刀断水水更流,举杯销愁愁更愁。
人生在世不称意,明朝散发弄扁舟。
</p>
<a href="https://www.baidu.com/">baidu</a>
<div>水色南天远,舟行若在虚。迁人发佳兴,吾子访闲居。日落看归鸟,潭澄羡跃鱼。圣朝思贾谊,应降紫泥书。 </div>
<section>参考<img src="是.jpg"/>参考</section>
</body>
</html>