在網頁設計中，CSS（Cascading Style Sheets）扮演著一個非常重要的角色，它可以幫助我們控制網頁中元素的樣式，使網頁看起來更加美觀和專業。下面就讓我們來看看一些CSS代碼和運行結果吧。

/* 給頁面整體設置背景色 */
body {
background-color: #f2f2f2;
}
/* 給標題設置樣式 */
h1 {
font-size: 36px;
font-weight: bold;
color: #333333;
text-align: center;
}
/* 給導航欄設置樣式 */
.navbar {
background-color: #333333;
color: #ffffff;
padding: 10px;
}
/* 給按鈕設置樣式 */
.button {
background-color: #ff6347;
color: #ffffff;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
}
/* 給圖片設置樣式 */
img {
width: 100%;
height: auto;
border: 1px solid #dddddd;
}

運行以上代碼后，網頁將會呈現出以下樣式：

可以看到，CSS可以幫助我們控制頁面中的各個元素樣式，使整個頁面呈現出一種美觀、舒適、專業的感覺。