如何設(shè)置不同的頁面

在網(wǎng)頁設(shè)計(jì)中，設(shè)置不同的頁面是一個(gè)重要的環(huán)節(jié)，可以通過使用CSS（層疊樣式表）來實(shí)現(xiàn)，CSS是一種用于描述網(wǎng)頁樣式的語言，可以用來控制網(wǎng)頁的外觀和布局。

要設(shè)置不同的頁面，可以在HTML文檔中使用不同的div元素來劃分不同的頁面區(qū)域，并為每個(gè)div元素應(yīng)用不同的CSS樣式，可以使用以下代碼來創(chuàng)建一個(gè)包含兩個(gè)頁面的網(wǎng)頁：

<div id="page1" class="page">
  <h1>Page 1</h1>
  <p>This is page 1 content.</p>
</div>
<div id="page2" class="page">
  <h1>Page 2</h1>
  <p>This is page 2 content.</p>
</div>

在CSS中為每個(gè)div元素應(yīng)用不同的樣式，

.page {
  width: 50%;
  margin: 20px;
  padding: 20px;
  border: 1px solid #000;
}
#page1 {
  background-color: #f0f0f0;
}
#page2 {
  background-color: #e0e0e0;
}

在這個(gè)例子中，每個(gè)頁面都被設(shè)置為寬度為50%的塊級元素，并應(yīng)用了20像素的邊距和填充，以及1像素的黑色邊框，每個(gè)頁面的背景顏色也被設(shè)置為不同的灰色調(diào)，這樣，就可以創(chuàng)建出兩個(gè)不同樣式的頁面。

這只是一個(gè)簡單的例子，在實(shí)際應(yīng)用中，可以根據(jù)需要設(shè)置更多的頁面，并為每個(gè)頁面應(yīng)用不同的樣式，通過CSS的靈活應(yīng)用，可以創(chuàng)造出豐富多彩的網(wǎng)頁效果。