/* CSS 文本属性示例 */
/* 设置文本颜色 */
p {
  color: blue;
}
/* 设置字体大小 */
h1 {
  font-size: 24px;
}
/* 设置字体粗细 */
strong {
  font-weight: bold;
}
/* 设置字体样式(斜体) */
em {
  font-style: italic;
}
/* 设置文本对齐方式 */
p.align-center {
  text-align: center;
}
/* 设置文本缩进 */
p.indent {
  text-indent: 20px;
}
/* 设置行高 */
p.line-height {
  line-height: 1.5;
}
/* 设置字间距 */
p.letter-spacing {
  letter-spacing: 2px;
}
/* 设置单词间距 */
p.word-spacing {
  word-spacing: 4px;
}
/* 设置文本修饰(下划线、删除线等) */
a {
  text-decoration: underline;
}
/* 设置首行大写字母 */
p.capitalize {
  text-transform: capitalize;
}
/* 设置文本转换为大写或小写 */
h2.uppercase {
  text-transform: uppercase;
}
h2.lowercase {
  text-transform: lowercase;
}
/* 设置文本阴影 */
h1.shadow {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}color: 设置文本的颜色。font-size: 设置文本的字体大小。font-weight: 设置文本的字体粗细。font-style: 设置文本的字体样式,如斜体。text-align: 设置文本的对齐方式,如居中、左对齐、右对齐。text-indent: 设置文本的首行缩进。line-height: 设置文本的行高。letter-spacing: 设置字符之间的间距。word-spacing: 设置单词之间的间距。text-decoration: 设置文本的装饰效果,如下划线、删除线等。text-transform: 设置文本的转换方式,如首字母大写、全部大写或全部小写。text-shadow: 设置文本的阴影效果。上一篇:css锚点定位
下一篇:css超出部分省略号
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站