css字体样式代码
设置字体系列:
cssbody {
font-family: Arial, Helvetica, sans-serif;
}
设置字体大小:
cssp {
font-size: 16px;
}
设置字体样式:
cssem {
font-style: italic;
}
设置字体粗细:
cssstrong {
font-weight: bold;
}
设置字体颜色:
cssh1 {
color: #333333;
}
设置行高:
cssp {
line-height: 1.5;
}
设置文本装饰:
cssa {
text-decoration: none;
}
设置字体变体:
cssp {
font-variant: small-caps;
}
设置字间距:
cssh2 {
letter-spacing: 2px;
}
设置字体对齐方式:
css.container {
text-align: center;
}
这些是常见的 CSS 字体样式属性,您可以根据需要组合它们来创建各种字体样式。
1. 设置字体系列:
cssbody {
font-family: Arial, Helvetica, sans-serif;
}
这会将页面的文本设置为 Arial 字体。如果用户的计算机上没有 Arial 字体,则会尝试 Helvetica,最后是 sans-serif。
2. 设置字体大小:
cssh1 {
font-size: 24px;
}
这会将 h1 标签下的文本字体大小设置为 24 像素。
3. 设置字体粗细:
cssp {
font-weight: bold;
}
这会将 <p>
标签下的文本设置为粗体。
4. 设置斜体:
cssem {
font-style: italic;
}
这会将 <em>
标签下的文本设置为斜体。
5. 设置字体颜色:
cssspan {
color: #FF0000; /* 红色 */
}
这会将 <span>
标签下的文本颜色设置为红色。
6. 设置文本对齐方式:
cssdiv {
text-align: center;
}
这会将 <div>
标签下的文本内容居中对齐。
7. 设置文本装饰:
cssa {
text-decoration: none;
}
这会移除 <a>
标签下的文本的下划线。