当前位置:首页 > 行业动态 > 正文

如何用html改变字体样式

要用HTML改变字体样式,可以使用<style>标签在<head>部分定义CSS样式,或者使用内联样式,以下是一个简单的示例:

1、使用<style>标签定义CSS样式:

<!DOCTYPE html>
<html>
<head>
<style>
  body {
    fontfamily: Arial, sansserif; /* 设置全局字体 */
  }
  h1 {
    color: blue; /* 设置标题颜色 */
    fontsize: 24px; /* 设置标题大小 */
  }
  p {
    fontweight: bold; /* 设置段落加粗 */
    textdecoration: underline; /* 设置段落下划线 */
  }
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>

2、使用内联样式:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 style="color: blue; fontsize: 24px;">这是一个标题</h1>
<p style="fontweight: bold; textdecoration: underline;">这是一个段落。</p>
</body>
</html>

在这个示例中,我们使用了两种方法来改变字体样式:使用<style>标签定义CSS样式和使用内联样式,你可以根据需要选择其中一种方法。

0