HTML是一種用于創建網頁的標記語言，它的語法簡單易懂，但是它的默認樣式非常普通，如果要讓頁面看起來更漂亮，就需要寫一些CSS代碼來美化頁面！以下是詳細說明：

body {
font-family: Arial, sans-serif;
background-color: #f1f1f1;
color: #333;
margin: 0;
padding: 0;
}
header {
background-image: linear-gradient(to bottom right, #0066cc, #3399ff);
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin: 0;
font-size: 2em;
letter-spacing: 2px;
}
nav {
background-color: #333;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
}
nav a {
display: block;
padding: 10px 20px;
color: #fff;
text-decoration: none;
}
nav a:hover {
background-color: #444;
}
article {
padding: 20px;
margin: 20px 0;
background-color: #fff;
box-shadow: 0px 0px 10px #ccc;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}

上面的代碼是一個簡單的模板，在這個模板中可以看到如何使用CSS來美化頁面，例如鏈接的樣式，背景顏色，字體樣式等等。在實際項目中，可以按照需要修改和添加代碼，來創造出符合自己需要的網頁！