最新的Web開發教程

HTML樣式

HTML樣式

I am red

I am blue

試一試»

在HTML Style屬性

設置一個HTML元素的樣式,可以用做style屬性。

HTML樣式屬性的語法如下:

style=" property : value; "

property是一個CSS屬性。 該value是一個CSS值。

您將了解更多關於CSS本教程後面。


HTML背景顏色

background-color屬性定義HTML元素的背景顏色:

此示例設置頁面淺灰背景:

<body style="background-color:lightgrey;">

<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>
<p style="color:red;">This is a paragraph.</p>
試一試»

HTML字體

font-family屬性定義字體用於HTML元素:

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
試一試»

HTML文本大小

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

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
試一試»

HTML文本對齊

text-align屬性定義HTML元素水平文本對齊:

<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
試一試»

章節總結

  • 使用style的造型HTML元素屬性
  • 使用background-color作為背景色
  • 使用color文本顏色
  • 使用font-family為文本字體
  • 使用font-size的文本大小
  • 使用text-align文本對齊

測試自己與練習!

練習1» 練習2» 練習3» 練習4» 練習5» 練習6»