在HTML中，外邊距（margin）和內(nèi)邊距（padding）是非常重要的概念，因?yàn)樗鼈兛梢杂脕?lái)控制元素與其周圍元素間的距離和元素的內(nèi)容與邊框之間的距離。

.box {
margin: 20px; /*上、右、下、左邊距均為20像素*/
padding: 10px; /*上、右、下、左內(nèi)邊距均為10像素*/
}

上述代碼定義了一個(gè)類名為“box”的元素的外邊距和內(nèi)邊距。注意，這兩個(gè)屬性都可以接受一個(gè)或多個(gè)數(shù)值來(lái)對(duì)不同方向的邊距進(jìn)行設(shè)置（順序?yàn)轫槙r(shí)針?lè)较颍荷稀⒂摇⑾隆⒆螅?/p>

如果單獨(dú)設(shè)置外邊距和內(nèi)邊距的某個(gè)方向，可以使用以下代碼：

.box {
margin-top: 10px; /*上邊距為10像素*/
padding-right: 5px; /*右內(nèi)邊距為5像素*/
margin-bottom: 20px; /*下邊距為20像素*/
padding-left: 15px; /*左內(nèi)邊距為15像素*/
}

注意，在使用外邊距和內(nèi)邊距時(shí)，應(yīng)該謹(jǐn)慎考慮它們對(duì)周圍元素和內(nèi)容的影響，以防止頁(yè)面排版出現(xiàn)問(wèn)題。