CSS怎么設置框距離
在CSS中，要設置框距離有兩種方式，一種是設置元素的邊距（margin），另一種是設置元素的內邊距（padding）。
設置元素邊距
要設置元素的邊距，可以使用margin屬性。例如，如果要讓一個元素離上面的元素有20像素的間距，可以這樣設置：

p {
margin-top: 20px;
}

這樣，此段落的頂部邊距將增加20像素，與上一個元素保持20像素的距離。
也可以使用組合margin屬性來定義所有四個邊距的值。例如，如果要讓一個元素的上部和下部邊距都為10像素，可以這樣設置：

p {
margin-top: 10px;
margin-bottom: 10px;
}

另一種方法是使用margin屬性的快捷方式：

p {
margin: 10px 0;
}

這意味著將上部和下部邊距都設置為10像素，而左部和右側邊距都為零。
設置元素內邊距
要設置元素的內邊距，可以使用padding屬性。例如，如果要讓一個元素的左部內邊距為20像素，可以這樣設置：

p {
padding-left: 20px;
}

這可以讓元素的內容與框距離更遠，并且可以增強內容的可讀性和排版功能。
同樣，您也可以使用組合padding屬性定義所有四個內邊距的值。例如，如果要讓元素的四個方向的內邊距都為10像素，可以這樣設置：

p {
padding: 10px;
}

總結
CSS提供了兩種設置框距離的方式：使用margin屬性設置外邊距，使用padding屬性設置內邊距。這些距離值可以用像素（px）或其它尺寸單位來表示。通過設置框距離，您可以更好地控制頁面的布局和顯示效果。