聊代码（第二十六集）段落标签（之二）

上集里讨论的是文字换行代码,空行代码以及对齐方式代码，这与我们本集讨论的内容是有区别的。本集，我们专门讨论放在段落首标签中的css样式属性，看看常用属性有哪些，它们的功能是什么，它们在代码里如何表示。

（一）首行缩进属性代码：

在段落首行行首空两个字符，除了可以用空格代码

以外，还可以用首行缩进属性 TEXT-INDENT: 2em 来解决。扩大 2em 的值，可以任意延长空位。

首行缩进效果：

在段落首行行首空两个字符，只须在段落首行文字前加上“首行缩进代码” ＜p align="left" style="text-indent: 2em;"＞即可，这个缩进代码包含了左对齐。本段文字是使用缩进代码的实际例子，我用的是8em值，为的是让朋友看明显的缩进效果。

我习惯于用空格代码，在行首加（3-4）个

就行了。不管用了哪个方法，还可以点击键盘上的空格键进行微调，点击一次，能扩大半个字符的空位（只限一次，多点无效）。

（二）文字竖式排列属性代码：

＜p style="FONT-SIZE:30pt; color:#ff00ff; WIDTH: 688px; WRITING-MODE: tb-rl; HEIGHT: 188px; TEXT-ALIGN: left"＞文字竖式排列代码＜/p＞

文字竖式排列效果：

文字竖式排列代码

（三）设置了边框线属性；文字字体、字色、字号、字行距、字间距属性；首行缩进属性；背景颜色属性的代码示例： ＜p style="background-color: #00ff00; BORDER-BOTTOM: rgb(100,100,0) 20px solid; BORDER-LEFT: rgb(255,0,0) 20px solid; LINE-HEIGHT: 150%; TEXT-INDENT: 2em; WIDTH: 80%; line-height: 150%; LETTER-SPACING: 5px; FONT-FAMILY: 黑体; COLOR: rgb(0,0,250); FONT-SIZE: 20pt; BORDER-TOP: rgb(100,25,100) 20px solid; BORDER-RIGHT: rgb(200,100,100) 20px solid"＞不同颜色的四个边框线属性；文字字体、字色、字号、字行距、字间距属性；首行缩进属性；背景颜色属性；＜/p＞

设置了边框线属性；文字字体、字色、字号、字行距、字间距属性；首行缩进属性；背景颜色属性代码的效果图： 不同颜色的四个边框线属性；文字字体、字色、字号、字行距、字间距属性；首行缩进属性；背景颜色属性；

代码解析：

字行距代码：line-height: 150%;

字间距代码：LETTER-SPACING: 5px;

背景色代码：background-color: #00ff00

首行缩进代码：TEXT-INDENT: 2em;

(