CSS提供了丰富的属性和样式规则,可以用来控制文字的外观和样式。下面是一些常用的CSS文字样式的示例:
文字样式:
/* 设置字体样式 */
font-family: Arial, sans-serif;
/* 设置字体大小 */
font-size: 16px;
/* 设置字体加粗 */
font-weight: bold;
/* 设置字体斜体 */
font-style: italic;
文字颜色和背景
/* 设置文字颜色 */
color: #333333;
/* 设置文字背景颜色 */
background-color: #f5f5f5;
对齐方式:
/* 水平居中对齐 */
text-align: center;
/* 垂直居中对齐 */
line-height: 40px; /* 设置行高 */
display: flex;
align-items: center;
文字装饰:
/* 下划线 */
text-decoration: underline;
/* 删除线 */
text-decoration: line-through;
文字间距和行高:
/* 字间距(字母) */
letter-spacing: 1px;
/* 字间距(单词) */
word-spacing: 1px;
/* 行间距 */
line-height: 1.5;
文本阴影:
/* 文本阴影 */
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
文本溢出处理成省略号:
/* 文本溢出省略号显示 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
文本大小写转换:
/* 大写字母 */
text-transform: uppercase;
/* 小写字母 */
text-transform: lowercase;
字母间距:
/* 字母间距 */
word-spacing: 2px;