[分享]css3控制文字显示

在CSS3中，文字显示是一个非常重要的部分，它可以帮助我们更好地掌控网页中文字的样式和效果。下面就来详细介绍一下怎样使用CSS3控制文字的显示效果。/ 文字颜色设置 / p { color: 333;...

在CSS3中，文字显示是一个非常重要的部分，它可以帮助我们更好地掌控网页中文字的样式和效果。下面就来详细介绍一下怎样使用CSS3控制文字的显示效果。

/* 文字颜色设置 */
p {
    color: #333;
}

/* 文字字体设置 */
p {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 1.4rem;
}

/* 文字粗细设置 */
p {
    font-weight: bold;
}

/* 文字间距设置 */
p {
    letter-spacing: 0.1em;
}

/* 行高设置 */
p {
    line-height: 1.5em;
}

/* 文字下划线设置 */
p {
    text-decoration: underline;
}

/* 文字斜体设置 */
p {
    font-style: italic;
}

/* 文字大小写设置 */
p {
    text-transform: uppercase;
}

/* 文字对齐方式设置 */
p {
    text-align: center;
}

/* 文字阴影设置 */
p {
    text-shadow: 1px 1px 2px #555;
} 

在实际的应用中，我们可以根据具体的情况，选择需要的CSS3属性进行使用，达到我们想要的文字显示效果。