网页基础（十一）CSS文本样式

最新推荐文章于 2023-12-16 16:45:36 发布

@大娱乐家

最新推荐文章于 2023-12-16 16:45:36 发布

阅读量160

点赞数

本文链接：https://blog.csdn.net/qq_41440413/article/details/104530397

版权

<!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>