如何在 HTML 中使用内嵌 CSS（样式表）？

层叠样式表用于格式化网页的显示方式。

CSS 用于设置网页的样式和布局 - 你可以通过使用更改文本的字体、颜色、大小和间距、将其拆分为多列或添加 CSS 属性中提供的动画和其他装饰功能来控制网页的显示方式。

  • 内嵌 − 在 HTML 元素中使用 style 属性。

  • 内嵌 CSS − 内嵌 CSS 用于对标签中使用的单个 HTML 元素应用独一无二的样式。

示例

以下是一个示例程序，用于在 HTML 中内嵌 CSS 进行样式设置。

<!DOCTYPE html>
<html>
<head>
   <h1 style="font-family: fantasy">HTML</h1>
</head>
<body style="background-color: bisque">
   <p style="background:yellow" >HTML is used to structure a web page and its content.</p>
</body>
</html>

示例

以下是一个示例程序，用于为

和

元素内嵌 CSS 进行样式设置。

<!DOCTYPE html>
<html>
<head>
   <h1 style="font-family: fantasy">HTML</h1>
</head>
<body style="background-color: seagreen">
   <h2 style="background:whitesmoke" >HTML is used to structure a web page and its content.</h2>
</body>
</html>

示例

以下是一个示例程序，用于为

元素内嵌 CSS 进行样式设置。

<!DOCTYPE html>
<html>
<head>
   <title>Inline CSS</title>
</head>
<body>
   <table style = "border: 1px solid";>
   <tr>
      <th>Firstname</th>
      <th>Lastname</th>
   </tr>
   <tr>
      <td>Peter</td>
      <td>Griffin</td>
   </tr>
   <tr>
      <td>Lois</td>
      <td>Griffin</td>
   </tr>
</table>
</body>
</html>

更新于： 2022 年 11 月 11 日

3K+ 次浏览

开启你的职业生涯

完成课程以获得认证

开始
广告
© . All rights reserved.