CSS是一種用于網(wǎng)頁布局和設(shè)計的語言，它可以為網(wǎng)頁添加樣式和動態(tài)效果。在網(wǎng)頁設(shè)計中，主頁和分頁是一個常見的需求。主頁是網(wǎng)站的入口，通常用于展示網(wǎng)站的基本信息和導(dǎo)航鏈接。而分頁則是將網(wǎng)頁內(nèi)容分成多頁，以便讓用戶更好地瀏覽網(wǎng)頁。

/*CSS主頁的樣式*/
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
}
.header {
background-color: #333;
color: white;
padding: 20px;
}
#logo {
font-size: 30px;
float: left;
}
.nav {
float: right;
font-size: 20px;
}
.nav a {
color: white;
text-decoration: none;
margin-left: 20px;
}
.content {
padding: 20px;
}
/*CSS分頁的樣式*/
.page {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 20px;
}
.page a {
display: block;
background-color: #f1f1f1;
border: 1px solid #ddd;
color: #333;
padding: 8px;
text-decoration: none;
transition: all 0.3s ease;
}
.page a:hover {
background-color: #333;
color: white;
}
.page a.active {
background-color: #333;
color: white;
}

上面的代碼演示了如何使用CSS為網(wǎng)站的主頁和分頁添加樣式。在主頁的樣式中，我們設(shè)置了背景顏色、鋪排方式以及導(dǎo)航欄的樣式。同時還設(shè)定了一個header、nav、logo和content等模塊的樣式。在分頁的樣式中，我們使用Flexbox布局來實現(xiàn)頁碼的橫向排列，并給每個頁碼設(shè)置了樣式。