HTML Style屬性 – 用CSS美化網頁
HTML Style屬性 – 用CSS美化網頁
HTML Style屬性可以讓我們使用CSS來美化網頁，讓網頁更加美觀、吸引人。
CSS是一種用來定義網頁設計風格的語言，它可以讓我們控制網頁的背景顏色、文字顏色、字體、字型大小和對齊等設計要素。
在HTML中，我們可以通過在標籤中使用style屬性來添加CSS樣式。
以下是style屬性的基本語法：
<tagname style="property: value;">其中property是一個CSS屬性，value是該屬性的值。
比如，我們可以使用background-color屬性設置網頁的背景顏色：
<body style="background-color: powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>這裡我們將整個網頁的背景顏色設置為粉藍色。
同樣地，我們可以使用color屬性來設置文字顏色：
<h1 style="color: blue;">This is a heading</h1>
<p style="color: red;">This is a paragraph.</p>這裡我們將標題的文字顏色設置為藍色，段落的文字顏色設置為紅色。
我們也可以使用font-family屬性來設置字體：
<h1 style="font-family: verdana;">This is a heading</h1>
<p style="font-family: courier;">This is a paragraph.</p>這裡我們將標題的字體設置為verdana，段落的字體設置為courier。
同樣地，我們可以使用font-size屬性來設置字型大小：
<h1 style="font-size: 300%;">This is a heading</h1>
<p style="font-size: 160%;">This is a paragraph.</p>這裡我們將標題的字型大小設置為原來的3倍，段落的字型大小設置為原來的1.6倍。
最後，我們還可以使用text-align屬性來設置文字對齊方式：
<h1 style="text-align: center;">Centered Heading</h1>
<p style="text-align: center;">Centered paragraph.</p>這裡我們將標題和段落的文字都設置為居中對齊。這樣就可以使網頁內容更加整齊、美觀。
總結一下，使用HTML Style屬性和CSS可以為網頁添加多種設計要素，如背景顏色、文字顏色、字體、字型大小和對齊等，讓網頁更加美觀、易讀。通過運用不同的CSS屬性和值，我們可以實現各種風格和效果，創造出獨具特色的網頁。
如果你正在學習HTML，不妨試著使用HTML Style屬性和CSS來優化你的網頁設計吧！
