html字体样式

作者：——嘘丶低调发布日期:2025-09-20 浏览:70

<!DOCTYPE html>
<html>
<head>
    <title>HTML 字体样式示例</title>
    <style>
        /* 使用 CSS 设置字体样式 */
        .example {
            font-family: Arial, sans-serif; /* 设置字体系列 */
            font-size: 24px; /* 设置字体大小 */
            font-weight: bold; /* 设置字体粗细 */
            font-style: italic; /* 设置字体风格 */
            color: #333; /* 设置字体颜色 */
        }
    </style>
</head>
<body>
    <p class="example">这是一个带有自定义样式的段落。</p>
</body>
</html>

解释说明：

font-family: 定义了文本的字体系列。这里使用的是 Arial，如果系统中没有 Arial，则会使用默认的无衬线字体（sans-serif）。
font-size: 设置了字体的大小，单位可以是像素（px）、百分比（%）、em 等。这里设置为 24px。
font-weight: 控制字体的粗细。常见的值有 normal 和 bold，也可以使用数值如 100 到 900 来表示不同级别的粗细。
font-style: 设置字体的风格。italic 表示斜体，normal 表示正常字体。
color: 设置字体的颜色。可以使用颜色名称、十六进制颜色代码或 RGB 值。这里使用的是十六进制颜色代码 #333。

通过这些属性，你可以轻松地自定义 HTML 页面中的字体样式。

上一篇：在线生成html

下一篇：html table合并单元格