[分享]css3文本样式代码

CSS3提供了很多新的文本样式，在我们进行网页设计时，可以借助这些新样式来美化我们的文本内容。下面介绍一些常用的文本样式代码。/ 字重和字体 / fontweight: bold; / 粗体 / fo...

CSS3提供了很多新的文本样式，在我们进行网页设计时，可以借助这些新样式来美化我们的文本内容。下面介绍一些常用的文本样式代码。

/* 字重和字体 */
font-weight: bold;  /* 粗体 */
font-style: italic;  /* 斜体 */
font-family: "Microsoft YaHei",sans-serif;  /* 使用微软雅黑字体，如果没有则使用默认sans-serif字体 */

/* 文字下划线 */
text-decoration: underline;  /* 文字下划线 */
text-decoration: overline;  /* 文字上划线 */
text-decoration: line-through;  /* 文字中划线 */

/* 文字阴影 */
text-shadow: 1px 1px 2px;  /* 给文字添加阴影，可以在后面添加阴影的颜色，如text-shadow: 1px 1px 2px #c3c3c3; */

/* 首行缩进 */
text-indent: 2em;  /* 首行缩进2个字符 */

/* 文字间距 */
letter-spacing: 2px;  /* 每个字的间距为2px */
word-spacing: 5px;  /* 每个单词之间的间距为5px */

/* 文字大小 */
font-size: 16px;  /* 文字大小为16px */

/* 文本对齐 */
text-align: center;  /* 居中对齐 */
text-align: left;  /* 左对齐 */
text-align: right;  /* 右对齐 */
text-align: justify;  /* 两端对齐 */ 

通过使用这些CSS3文本样式代码，我们可以更好地掌握文本样式的设计，使我们的网页更加美观和有吸引力。