cssTest/text.html at master · hl1221hl/cssTest · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			body{
				color: blue;
			}
			h1{
				color: #00ff00;
				text-align: center;
			}
			p:first-of-type{
				color: red;
				text-align: left;
			}
			p:nth-of-type(2n){
				/*字间距*/
				letter-spacing:5px;
				/*词间距*/
				word-spacing: 5px;
				text-decoration:underline;
				/*首行缩进*/
				text-indent:50px;
				/*文字阴影 h-shadow v-shadow blur color*/
				text-shadow: 5px 0 5px #000000;
			}
			p:last-of-type{
				color: black;
				/*设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐*/
				text-align: justify;
			}
		</style>
	</head>

	<body>
		<h1>text formantting</h1>
		<p>This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from
			the "尝试一下" link.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline
			is removed from the "尝试一下" link.</p>
		<p>This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from
			the "尝试一下" link.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline
			is removed from the "尝试一下" link.</p>
		<p>This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from
			the "尝试一下" link.This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline
			is removed from the "尝试一下" link.</p>
	</body>

</html>