15 CSS设置文本样式(上)

原创于 2019-09-03 13:45:12 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

HTML5+CSS+JS 专栏收录该内容

27 篇文章

订阅专栏

本文通过实例演示了HTML与CSS的基本使用，展示了如何通过CSS控制文本的对齐方式、间距、行高、缩进、装饰、大小写转换等属性，以及如何在网页中应用这些样式。

在这里插入图片描述

<html>
<head>
	<meta charset='utf-8'>
	<title>text</title>
	<style type='text/css'>
		.class1{
			text-align:left;
			direction:ltr;
			letter-spacing:10px;
			word-spacing:20px;
			line-height:100px;
			text-indent:50px;
			text-decoration:underline;
			text-transform:capitalize
		}
	</style>
</head>
<body>
<p class='class1'>哔哩哔哩</p>
<p class='class1'>hello world</p>
</body>
</html>