使用CSS可以讓網頁看起來更加漂亮、有吸引力。通過CSS可以改變網頁中元素的樣式、大小、顏色等等,這樣可以給用戶帶來更好的閱讀體驗。
最簡單的用CSS做什么頁面可以是一個簡單的HTML頁面,僅僅包含一些基本元素,如標題、段落、圖像等??梢允褂肅SS來美化這些元素。比如,可以設置標題的字體大小、顏色、樣式,如加粗、下劃線等;可以設置段落的行高、對齊方式、背景顏色等。還可以設置圖像的邊框、寬度、高度等。
<html> <head> <title>這是一個用CSS美化的頁面</title> <style> h1 { color: blue; font-size: 24px; font-weight: bold; text-decoration: underline; } p { background-color: #f0f0f0; line-height: 1.5; text-align: justify; } img { border: 1px solid black; width: 200px; height: 150px; } </style> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落,用來展示CSS如何改變文字的樣式。</p> <img src="example.jpg" alt="這是一張圖片"> </body> </html>
以上代碼展示了一個用CSS美化的HTML頁面的樣例。通過CSS可以很容易地改變頁面的樣式,讓頁面更加美觀、易讀。
上一篇12轉化為JSON