css字体样式代码

设置字体系列

css
body { font-family: Arial, Helvetica, sans-serif; }

设置字体大小

css
p { font-size: 16px; }

设置字体样式

css
em { font-style: italic; }

设置字体粗细

css
strong { font-weight: bold; }

设置字体颜色

css
h1 { color: #333333; }

设置行高

css
p { line-height: 1.5; }

设置文本装饰

css
a { text-decoration: none; }

设置字体变体

css
p { font-variant: small-caps; }

设置字间距

css
h2 { letter-spacing: 2px; }

设置字体对齐方式

css
.container { text-align: center; }

这些是常见的 CSS 字体样式属性,您可以根据需要组合它们来创建各种字体样式。

1. 设置字体系列:

css
body { font-family: Arial, Helvetica, sans-serif; }

这会将页面的文本设置为 Arial 字体。如果用户的计算机上没有 Arial 字体,则会尝试 Helvetica,最后是 sans-serif。

2. 设置字体大小:

css
h1 { font-size: 24px; }

这会将 h1 标签下的文本字体大小设置为 24 像素。

3. 设置字体粗细:

css
p { font-weight: bold; }

这会将 <p> 标签下的文本设置为粗体。

4. 设置斜体:

css
em { font-style: italic; }

这会将 <em> 标签下的文本设置为斜体。

5. 设置字体颜色:

css
span { color: #FF0000; /* 红色 */ }

这会将 <span> 标签下的文本颜色设置为红色。

6. 设置文本对齐方式:

css
div { text-align: center; }

这会将 <div> 标签下的文本内容居中对齐。

7. 设置文本装饰:

css
a { text-decoration: none; }

这会移除 <a> 标签下的文本的下划线。