CSS设置文本样式

CSS设置文本样式

这里我就列举几个常用的样式，仅供参考

1，设置文本字体：

用font-family属性

Code：



注：这里都用到类别选择器

2，设置文字倾斜效果：

p{

font-style: italic;

}

3，设置文字加粗效果：

p{

font-weight: bold;

}

4，设置英文字母大小写转换：

p{

text-transform: capitalize;

}

5，设置文字的大小：

p{

font-size: 36px;

}

6，设置文字的装饰效果：

p{

text-decoration: underline;

}

7，设置段落首行缩进：

p{

text-indent: 2em;

}

8，设置字间距离：

p{

word-spacing: 20px;

letter-spacing: 2px;

}

9，设置文字的行高：

p{

line-height: 1.5;

}

10，设置段落之间的距离：

p{

border: 1px red solid; /* 设置标签 */

margin: 1px; /* 设置段落边距 */

padding: 10px; /* 段落距离 */

}

11，设置文字的水平位置（这个比较复杂，就举个详细例子。没有贴详细的代码，大家可以自己补充试一下）

样式部分：



body部分：



12，设置文字和背景颜色

p{

color: blue;

background-color: red;

}