CSS是一種用于樣式化網頁的語言。在制作靜態網頁時，CSS是非常重要的一部分。CSS能夠控制網頁的樣式，包括字體大小、背景顏色、頁面布局等方面。為了讓大家更好地練習CSS，下面將帶領大家一步步制作一個簡單的靜態網頁。
<!DOCTYPE html>
<html>
<head>
<title>我的第一個網頁</title>
<style>
/*設置網頁主體背景色*/
body {
background-color: #F4F4F4;
}
/*設置網頁標題的樣式*/
h1 {
color: #262626;
text-align: center;
margin-top: 50px;
}
/*設置段落文字的樣式*/
p {
font-size: 18px;
line-height: 1.5;
margin: 20px;
}
/*設置圖片的邊框樣式*/
img {
border: 1px solid #CCC;
margin: 10px;
}
</style>
</head>
<body>
<h1>歡迎來到我的網頁</h1>
<p>這是我的第一個網頁，非常簡單。</p>
<img src="https://picsum.photos/200" alt="隨機圖片">
<p>這是一個隨機圖片。</p>
</body>
</html>以上代碼創建了一個標題、一個段落和一張圖片。通過CSS，我們設置了網頁的背景顏色以及標題、段落和圖片的樣式。這只是一個非常簡單的示例，但是通過這個例子，大家應該能夠了解到CSS在制作靜態網頁時的重要性。在學習CSS時，我們可以通過不斷嘗試來提高我們的技能，讓我們的網頁看起來更加專業。
上一篇css閃光球體代碼