HTML樣式

<!DOCTYPE html>
<html>
<body>

<h2 style="color:red;">I am red</h2>                <!--color設置字體為紅色-->
<h2 style="color:blue;">I am blue</h2>              <!--color設置字體為藍色-->

</body>
</html>

HTML樣式屬性

設置一個HTML元素的樣式，可以當樣式屬性。 HTML樣式屬性具有以下語法：

style="property:value;"

property是一個樣式屬性，value是樣式的值。

HTML背景顏色

用背景顏色屬性定義HTML元素的背景色。設置一個淺灰背景的頁面：

<body style="background-color:lightgrey;">          <!--background-color設置背景色為淺灰-->

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

HTML文本顏色

color屬性定義為一個HTML元素的文本顏色：

<h1 style="color:blue;">This is a heading</h1>      <!--color設置字體為藍色-->
<p style="color:red;">This is a paragraph.</p>      <!--color設置字體為紅色-->

HTML字體

font-family屬性定義字體：

<h1 style="font-family:verdana;">heading</h1>       <!--font-family定義字體-->
<p style="font-family:courier;">paragraph.</p>      <!--font-family定義字體-->

HTML文本大小

font-size屬性定義HTML元素的文本大小：

<h1 style="font-size:300%;">heading</h1>            <!--font-size定義字的大小-->
<p style="font-size:160%;">paragraph.</p>           <!--font-size定義字的大小-->

HTML對齊

text-align屬性定義HTML元素水平對齊方式：

<h1 style="text-align:center;">Centered</h1>        <!--text-align定義對齊方式-->
<p>This is a paragraph.</p>