HTML界面距離代碼通常用于控制網(wǎng)頁(yè)元素之間的間距，讓網(wǎng)頁(yè)看起來(lái)更加美觀和整潔。下面我們將介紹一些常用的距離代碼。

1. margin

margin: 上 右 下 左;
margin: 上下 左右;
margin: 自動(dòng);   // 水平方向上會(huì)自動(dòng)居中

margin用于設(shè)置元素外部的距離，可以使用數(shù)字、百分比、em等單位進(jìn)行設(shè)置。為了方便起見(jiàn)，margin提供了多種不同的寫(xiě)法，其中第一種是最常用的方法，分別控制上、右、下、左四個(gè)方向的距離。第二種寫(xiě)法控制上下和左右兩個(gè)方向距離，其中上下距離指上和下距離相同，左右距離指左和右距離相同。第三種寫(xiě)法僅僅用于水平方向上的距離居中。

2. padding

padding: 上 右 下 左;
padding: 上下 左右;

padding用于設(shè)置元素內(nèi)部的距離，其用法與margin非常類(lèi)似，可以使用數(shù)字、百分比、em等單位進(jìn)行設(shè)置。第一種寫(xiě)法分別控制上、右、下、左四個(gè)方向的內(nèi)邊距，第二種寫(xiě)法控制上下和左右兩個(gè)方向的內(nèi)邊距。

3. border-spacing

border-spacing: 距離;

border-spacing用于設(shè)置表格元素的格子之間的距離，其所用到的距離單位與margin和padding一樣，可以使用數(shù)字、百分比、em等單位進(jìn)行設(shè)置。 以上是距離代碼的常見(jiàn)用法，熟練掌握這些代碼可以讓你設(shè)計(jì)出更加美觀、舒適的網(wǎng)頁(yè)界面。