⽂本相关的属性⼀、text-decoration属性（⽂本样式：下划线、删除线、上删除线）：
1.下划线（underline）：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>⽂本相关的属性</title>
<base target="_self">
<style type="text/css">
p{
text-decoration: underline;
}
</style>
</head>
<body>
<p>我是段落</p>
text align center
</body>
</html>
2.删除线（line-through)：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>⽂本相关的属性</title>
<base target="_self">
<style type="text/css">
p{
text-decoration: line-through;
}
</style>
</head>
<body>
<p>我是段落</p>
</body>
</html>
3.上删除线（overline）：
<title>⽂本相关的属性</title>
<base target="_self">
<style type="text/css">
p{
text-decoration: overline;
}
</style>
</head>
<body>
<p>我是段落</p>
</body>
</html>
4.⽆（none）
最主要的作⽤是：去掉超链接下⾯的下划线。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>⽂本相关的属性</title>
<base target="_self">
<style type="text/css">
.xxx{
text-decoration: none;
}
</style>
</head>
<body>
<a href="#">我是段落1</a>
<br>
<br>
<a href="#" class="xxx">我是段落1</a>
</body>
</html>
效果图：
⼆、text-align属性（⽂本⽔平对齐）：
重要的值：center（居中）、left（居左）、right（居右）。
<title>⽂字相关的属性</title>
<base target="_self">
<style type="text/css">
p{
text-align: center/left/right;
}
</style>
</head>
<body>
<p>我是段落</p>
</body>
</html>
三、text-indent（⽂本缩进）：
1.
⼀个em等于⼀个字的距离，两个em（2em）就是两个字的距离。text-indent:2em；意思是⽂本缩进两个字的距离。
2
也可以⽤px，⼀个px就是⼀个像素。
text-indent:100px；意思是⽂本缩进100个像素格。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>⽂字相关的属性</title>
<base target="_self">
<style type="text/css">
p{
text-indent: 2em;
}
</style>
</head>
<body>
<p>我是段落</p>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。