CSS是網(wǎng)頁設(shè)計中非常重要的一部分，它能夠決定網(wǎng)站的外觀和樣式。在CSS中，設(shè)置短距離是非常常見的操作，下面我們介紹一下如何設(shè)置短距離。

margin: 10px; /* 上下左右都為10px */
margin-top: 10px; /* 上間距為10px */
margin-right: 10px; /* 右間距為10px */
margin-bottom: 10px; /* 下間距為10px */
margin-left: 10px; /* 左間距為10px */
padding: 10px; /* 上下左右都為10px */
padding-top: 10px; /* 上內(nèi)距為10px */
padding-right: 10px; /* 右內(nèi)距為10px */
padding-bottom: 10px; /* 下內(nèi)距為10px */
padding-left: 10px; /* 左內(nèi)距為10px */
border: 1px solid #000; /* 邊框為1px實線黑色 */
border-top: 1px dotted #666; /* 上邊框為1px虛線灰色 */
border-right: 1px dashed #666; /* 右邊框為1px虛線灰色 */
border-bottom: 1px solid #666; /* 下邊框為1px實線灰色 */
border-left: 1px solid #ccc; /* 左邊框為1px實線淺灰色 */

上述代碼中，margin和padding分別設(shè)置外邊距和內(nèi)邊距，其中各個屬性可以單獨設(shè)置某個方向的距離。邊框border的樣式由線型、顏色和寬度三個屬性決定，和margin和padding一樣，也可以單獨設(shè)置某個方向的邊框。