[19--CSS] 文字对齐 文字装饰
文字对齐
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文字对齐方式</title>
<style>
div{text-align: left}
#p1{text-align: right}
#p2{text-align: center}
#p3{text-align: justify}
</style>
</head>
<body>
<!--text-align 属性规定元素中的文本的水平对齐方式-->
<div>我的左对齐</div>
<p id="p1">我是右对齐</p>
<p id="p2">我是居中对齐</p>
<p id="p3">我是两端对齐</p>
</body>
</html>
文字装饰
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文字装饰</title>
<!--usderline为在文字的下方设置一条线-->
<!--overline为在文字的上方设置一条线-->
<!--line-through为在文字的中间穿过一条线-->
<!--none这个比较常用a标签，a标签文字自带一条下划线-->
<!--所以这里用于给a标签的下划线去掉-->
<!--list-style属性是设置列表标签的-->
<style>
#P1{text-decoration: underline}
#p2{text-decoration: overline}
#p3{text-decoration: line-through}
a{text-decoration: none}
ul li{list-style: none}
</style>
</head>
<body>
<p id="p1">我文字的下方设置了一条横线</p>
<p id="p2">我文字上方设置了一条横线</p>
<p id="p3">我文字中间穿过了一条横线</p>
<a href="test.html">我的文本默认是在下方有一条横线的,现在通过文字装饰去掉了</a>
<ul>
<!--可把标题前的小原点符号去掉-->
<li>标题1</li>
<li>标题2</li>
<li>标题3</li>
</ul>
</body>
</html>
