CSS在網頁設計中扮演著重要的角色，通過CSS可以為網頁添加樣式、布局、圖像等元素，使得網頁更加美觀、易于閱讀。下面我們來看一下如何使用CSS來設計網頁。

/* 在網頁中引入CSS樣式表 *//* 定義網頁的背景顏色 */
body {
background-color: #f0f0f0;
}
/* 定義網頁中的標題樣式 */
h1 {
color: #333;
font-size: 48px;
font-family: Arial, sans-serif;
}
/* 定義網頁中的段落樣式 */
p {
color: #666;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.5;
}
/* 為網頁中的圖片添加邊框 */
img {
border: 1px solid #ccc;
}
/* 定義網頁中的鏈接樣式 */
a {
color: #0099ff;
text-decoration: none;
}
/* 當鼠標懸停在鏈接上時修改鏈接樣式 */
a:hover {
text-decoration: underline;
}

通過以上的CSS樣式，可以為網頁添加背景顏色、標題樣式、段落樣式、圖片邊框、鏈接樣式等元素。在實際的網頁設計中，需要根據不同的需求，選擇合適的CSS樣式來進行設計。例如，在制作一個電商網站時，需要將頁面中的商品、價格、購物車等元素進行合理布局和樣式調整，以提高用戶體驗。