如何在 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.