1
2
3
4
5
6
7
8
document9
10 .center{
11 width: 200px;
12 margin: auto;
13 }
14 /* 这里是加粗文字 */
15 .p1 {
16 font-weight: bold;
17 }
18 /* 这里是倾斜文字 */
19 .p2 {
20 font-style: italic;
21 }
22 /* 这里是文字间距 */
23 .p3 {
24 letter-spacing: 10px;
25 }
26 /* 这里 是词 间距 */
27 .p4 {
28 word-spacing: 10px;
29 }
30 /* 这里是首行缩进 */
31 .p5 {
32 text-indent: 10px;
33 }
34 /* 这里是上划线 */
35 .p6 {
36 text-decoration: overline;
37 }
38 /* 这里是下划线 */
39 .p7 {
40 text-decoration: underline;
41 }
42 /* 这里是删除线 */
43 .p8 {
44 text-decoration: line-through;
45 }
46 /* 这里是衬托文字 */
47 .p9 {
48 font-family: serif;
49 }
50 /* 这里是非衬托文字 */
51 .p10 {
52 font-family: sans-serif;
53 }
54 /* 这里是容器盒的阴影 */
55 .box {
56 width: 200px;
57 height: 300px;
58 background: red;
59 box-shadow: 10px 10px 10px #ccc;
60 }
61 /* 这里是 文字的阴影 */
62 h1 {
63 text-shadow: 10px 10px 10px #ccc;
64 }
65 /* border边框属性 */
66 .border{
67 width: 200px;
68 height: 200px;
69 border-radius: 50% 50%;
70 background: yellow;
71 text-align: center;
72 line-height: 200px;
73 }
74
75
76
77
78
79
这里是倾斜文字
80
这里是文字间距
81
这里 是词 间距
82
这里是首行缩进
83
这里是上划线
84
这里是下划线
85
这里是删除线
86
这里是衬托文字
87
这里是非衬托文字
88
89
这里是文字的阴影
90
91
92
93
94
95