CSS中的距離是網頁設計中非常重要的一部分。在許多情況下，網頁設計師必須使用CSS來設置 的距離。 的距離，如： 的距離。通過設置內邊距，可以調整 之間內容和 與邊框之間的距離。在樣式表中，可以使用以下代碼來設置 的內邊距： 間的距離。 margin屬性控制元素和周圍元素之間的距離。以下代碼設置了 的外邊距： 的距離為10px，與下一個 的距離為0px。 的顯示方式。 默認情況下， 按塊顯示。 如果將 的display屬性設置為inline或inline-block，則會使其以行內元素的方式顯示。以下代碼將 設置為inline-block: 的距離，并使其適應各種設計需求。
CSS中可以使用一些不同的屬性來控制
li {
padding: 0 10px; /* 設置內邊距 */
margin: 0 0 10px; /* 設置外邊距 */
display: inline-block; /* 設置顯示方式 */
}首先，設置內邊距(padding)是一種常用的方法來控制
li {
padding: 0 10px;
}在上面的例子中，0是上、下內邊距，而10px是左、右內邊距。如果不想設置上下內邊距，可以使用以下代碼：
li {
padding: 0px 10px;
}這將把內邊距設置為左右10像素，保持上下為0像素。
除了設置內邊距，還可以使用外邊距(margin)來調整
li {
margin: 0 0 10px;
}在上面的例子中， 0是上下外邊距，而10px是左、右外邊距。這將使與上一個
最后，還可以使用CSS的display屬性來控制
li {
display: inline-block;
}所以，通過使用CSS中的這些屬性，可以輕松地調整