在我們使用 HTML 標記語言來設計一個網頁的時候，CSS 樣式表的應用不可或缺。CSS 可以使網頁增加更多的布局和視覺效果。以下將會介紹一些常見的 CSS 格式化網頁方式。

.box {
width: 300px;
height: 200px;
margin: 0 auto;
padding: 20px;
border: 1px solid black;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

一、容器盒子的設置

使用 CSS 給一個容器加上盒子樣式是最基本的網頁格式化。其中包括內容寬高、邊距、內邊距、邊框和陰影等屬性

.text {
font-size: 16px;
line-height: 1.5;
font-family: Arial, sans-serif;
color: #333;
text-align: justify;
}

二、文字排版的設置

設定文字的字體大小、顏色、字體類型和對齊方式是常見的文字排版設置。其中行高的設置可以使文字之間的間隔更美觀舒適。

.btn {
display: inline-block;
padding: 10px 20px;
background-color: #fff;
border: 2px solid #333;
color: #333;
text-align: center;
text-decoration: none;
border-radius: 5px;
transition: all 0.3s;
}
.btn:hover {
background-color: #333;
color: #fff;
}

三、按鈕樣式的設置

對于按鈕樣式的設計，主要包含內外邊距、背景顏色、邊框屬性等，鼠標懸停后的動態特效也是增強用戶體驗的一個重要點。

四、總結

上述三種方式是 CSS 格式化網頁最基本的方法，特別是盒子樣式是網頁布局的基礎。在實際的開發中，CSS 樣式表的運用可以根據具體需求設計出更加豐富生動的網頁效果。