/* 设置文字向右对齐 */ p{ text-align: right; } /* 设置文字向左对齐 */ p{ text-align: left; } /* 设置文字居中对齐 */ p{ text-align: center; } /* 设置文字两端对齐 */ p{ text-align: justify; }
以上代码分别展示了设置文字向右对齐、向左对齐、居中对齐和两端对齐的方式。使用”text-align”属性可以实现这些效果。需要注意的是,这个属性不仅仅适用于段落标签,也可以用于其他标签如标题(h1~h6)和表格(table)。
除了设置文字水平位置,还可以设置文本的缩进、行高、字母间距、单词间距等属性,来进一步优化文字排版效果。如下所示:
/* 设置首行缩进40px */ p{ text-indent: 40px; } /* 设置行高为1.5倍字体大小 */ p{ line-height: 1.5; } /* 设置字母间距为2px */ p{ letter-spacing: 2px; } /* 设置单词间距为5px */ p{ word-spacing: 5px; }
以上代码展示了如何设置缩进、行高、字母间距和单词间距。需要注意的是,缩进和行高也不仅仅适用于段落标签,也可以用于其他标签,如标题。
总之,优美的文字排版是网页设计中至关重要的一环,通过掌握CSS文字水平位置、缩进、行高、字母间距、单词间距等属性,大家可以做出更加美观、规整的网页。