HTML 樣式
HTML style 屬性用於為元素新增樣式，例如顏色、字型、大小等。
HTML 樣式屬性
HTML 元素的樣式設定可以透過 style 屬性來完成。
HTML style 屬性的語法如下：
<標籤名 style="屬性:值;">
屬性 是一個 CSS 屬性。值 是一個 CSS 值。
您將在本教程的後面部分學到更多關於 CSS 的知識。
背景顏色
CSS background-color 屬性定義 HTML 元素的背景顏色。
示例
將頁面背景色設定為粉藍色
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>這是一個段落。</p>
</body>
自己動手試一試 »
示例
為兩個不同元素設定背景顏色
<body>
<h1 style="background-color:powderblue;">這是一個標題</h1>
<p style="background-color:tomato;">這是一個段落。</p>
</body>
自己動手試一試 »
文字顏色
CSS color 屬性定義 HTML 元素的文字顏色。
字型
CSS font-family 屬性定義 HTML 元素使用的字型。
示例
<h1 style="font-family:verdana;">這是一個標題</h1>
<p style="font-family:courier;">這是一個段落。</p>
自己動手試一試 »
文字大小
CSS font-size 屬性定義 HTML 元素的文字大小。
文字對齊
CSS text-align 屬性定義 HTML 元素的水平文字對齊方式。
Chapter Summary
- 使用
style屬性來設定 HTML 元素的樣式。 - 使用
background-color設定背景顏色。 - 使用
color設定文字顏色。 - 使用
font-family設定文字字型。 - 使用
font-size設定文字大小。 - 使用
text-align設定文字對齊。
影片：HTML 樣式
