<!DOCTYPE html>
<html>
<head>
<meta charset=
"utf-8"
>
<title>案例</title>
<style type=
"text/css"
>
</style>
<link rel=
"stylesheet"
type=
"text/css"
href=
"案例.css"
/>
<style type=
"text/css"
>
p{
font-size
:
24px
;
}
</style>
</head>
<body>
<div>
<h
1
style=
"font-size:24px;font-family: 楷体;text-align: center"
>望月怀远</h
1
>
<p id=
"text1"
>海上升明月,天涯共此时.</p>
<p>情人怨遥夜,竟夕起相思.</p>
<p>灭烛怜光满,披衣觉露.</p>
<p>不堪盈手赠,还寝梦佳期.</p>
<p style=
"text-decoration: underline;"
>
123456
</p>
<p style=
"text-decoration: line-through;"
>
123456
</p>
<p style=
"text-decoration: overline;"
>
123456
</p>
<p style=
"text-direction: rtl;"
>
6
7
8
9
</p>
<p style=
"text-direction: ltr;"
>
9
8
7
6
</p>
<p style=
"text=transform: none;"
>Welcome To Jiaxing</p>
<p style=
"text=transform: capitaliza;"
>Welcome To Jiaxing</p>
<p style=
"text=transform: uppercase;"
>welcome to jiaxings</p>
<p style=
"text=transform: lowercase;"
>Welcome To Jiaxing</p>
<p style=
"line-height: normal;"
>
正常行高<br>
正常行高<br>
正常行高
</p>
<p style=
"line-height: 42px"
>
42
行高<br>
42
行高<br>
42
行高
</p>
<p stype=
"letter-spacing: normal;"
>welcome</p>
<p stype=
"letter-spacing: 10px"
>welcome</p>
<p stype=
"letter-spacing: 10px"
>
66666
</p>
<p stype=
"word-spacing: 500px"
>行 高</p>
<p stype=
"word-spacing: normal"
>行 高</p>
</div>
</body>
</html>