CSS中有很多邊框樣式和內邊框可以讓我們進行設置。下面我們來詳細了解一下。 邊框樣式 CSS中提供了以下的邊框樣式，通過設置border-style屬性來切換樣式： solid：實線邊框 dotted：點狀邊框 dashed：虛線邊框 double：雙線邊框 groove：3D凹槽邊框 ridge：3D壟狀邊框 inset：3D內凹邊框 outset：3D外凸邊框 使用代碼來設置邊框樣式：

p{
border-style: solid;
}

內邊框 除此之外，我們還可以設置元素的內邊框，也就是邊框到內容之間的距離。通過設置padding屬性可以達到設置內邊框的目的。 padding屬性有幾種設置方式： 設置所有方向的內邊距：padding: 10px； 設置左右邊距和上下邊距：padding: 10px 20px； 分別設置上、右、下、左內邊距：padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px; 使用代碼來設置內邊框：

p {
padding: 10px;
}

總結 通過設置邊框樣式和內邊框，我們可以更好的美化頁面。邊框樣式提供了多種選擇，而內邊框可以使內容部分與邊框產生距離，從而更好的展示頁面布局。