html字体

作者：噬血啸月发布日期:2026-03-06 浏览:79

<!DOCTYPE html>
<html>
<head>
    <title>HTML 字体示例</title>
    <style>
        /* 使用 CSS 设置字体样式 */
        .example {
            font-family: Arial, sans-serif; /* 设置字体为 Arial，如果没有则使用 sans-serif */
            font-size: 24px; /* 设置字体大小为 24 像素 */
            font-weight: bold; /* 设置字体加粗 */
            color: blue; /* 设置字体颜色为蓝色 */
        }
    </style>
</head>
<body>
    <!-- 使用带有样式的段落 -->
    <p class="example">这是一个使用 HTML 和 CSS 设置字体样式的示例。</p>
</body>
</html>

解释说明：

font-family: 指定字体系列。这里使用了 Arial，如果用户的系统中没有 Arial 字体，则会使用 sans-serif 类型的默认字体。
font-size: 设置字体大小，单位可以是像素 (px)、百分比 (%) 或其他相对单位。
font-weight: 控制字体的粗细，常用的值有 normal（正常）和 bold（加粗）。
color: 设置字体颜色，可以使用颜色名称（如 blue）、十六进制颜色代码（如 #0000FF）或 RGB 颜色值（如 rgb(0, 0, 255)）。

上一篇：html语法

下一篇：html下拉列表标签