<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<!--
作者:770267939@qq.com
时间:2020-02-27
描述:color 设置字体颜色
text-align 设置文本水平对齐方式 left right center
text-indent 设置文本的首行缩进
line-height 设置行高
text-decoration 设置文本是否有下划线 去掉下划线 none
letter-spacing 设置字符间距
-->
<style>
.c1{
line-height: 50px;
text-indent: 32px;
letter-spacing: 10px;
}
.c1 a{
color: black;
text-decoration: none;/*设置文本无下划线*/
}
.c2{
color: red;
text-decoration: underline;
text-align: center;
}
.c3{
color: blue;
text-align: right;
text-decoration: line-through;
}
</style>
</head>
<body>
<p class="c1"><a href="#">日照香炉生紫烟</a></p>
<p class="c2">遥看瀑布挂前川</p>
<p class="c3">飞流直下三千尺</p>
<p class="c4">疑是银河落九天</p>
</body>
</html>
网页基础(十一)CSS文本样式
最新推荐文章于 2023-12-16 16:45:36 发布