CSS:字体和文本样式
/* 设置字体大小 */
.text-size-12 {
font-size: 12px;
}
/* 设置字体加粗 */
.text-bold {
font-weight: bold;
}
/* 设置字体为斜体 */
.text-italic {
font-style: italic;
}
/* 设置字体的行高 */
.text-line-height-150 {
line-height: 150%;
}
/* 设置字体的颜色 */
.text-color-red {
color: #FF0000; /* 红色 */
}
/* 设置字体的对齐方式 */
.text-align-center {
text-align: center;
}
/* 设置字体的装饰线 */
.text-decoration-underline {
text-decoration: underline;
}
/* 设置字体的缩进 */
.text-indent-20 {
text-indent: 20px;
}
/* 设置字体的转换为小型大写字母 */
.text-transform-uppercase {
text-transform: uppercase;
}
以上代码定义了不同的CSS类,用于设置文本的各种样式。开发者可以将这些类应用到HTML元素上,以实现对应的文本显示效果。
评论已关闭