今天我要向大家介紹一種僅使用CSS制作的網(wǎng)頁模板，這種模板可以讓你在不使用JavaScript的情況下，輕松的實(shí)現(xiàn)各種網(wǎng)頁樣式。

/* 定義網(wǎng)頁樣式 */
/* 設(shè)置背景顏色 */
body {
background-color: #f2f2f2;
}
/* 設(shè)置網(wǎng)頁標(biāo)題樣式 */
h1 {
font-size: 28px;
color: #333;
text-align: center;
margin-top: 50px;
}
/* 設(shè)置菜單樣式 */
.nav {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
background-color: #fff;
box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
.nav li {
margin: 0 20px;
}
.nav a {
text-decoration: none;
font-size: 16px;
color: #333;
padding: 10px;
border-bottom: 2px solid transparent;
transition: border-bottom 0.3s ease-in-out;
}
.nav a:hover {
border-bottom: 2px solid #333;
}
/* 設(shè)置內(nèi)容樣式 */
.content {
max-width: 1000px;
margin: 0 auto;
padding: 50px;
background-color: #fff;
box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
/* 設(shè)置頁腳樣式 */
.footer {
text-align: center;
margin-top: 50px;
font-size: 14px;
color: #999;
}

以上就是這個(gè)模板的代碼，通過設(shè)置不同的CSS屬性，我們可以輕松的實(shí)現(xiàn)各種網(wǎng)頁樣式，比如背景顏色、標(biāo)題樣式、菜單樣式、內(nèi)容樣式和頁腳樣式等。

使用這種模板的好處是，不僅代碼量小，而且可以提高網(wǎng)頁的加載速度，因?yàn)闇p少了JavaScript腳本的使用。

最后，希望大家可以嘗試使用這種純CSS的網(wǎng)頁模板，讓你的網(wǎng)頁看起來更加美觀和簡潔。