CSS表格字體距邊框距離
在網頁設計中，表格是非常常見的元素之一，通過CSS可以為表格設置各種樣式，如邊框線條顏色、背景色、字體等。而在表格中，字體距離邊框的距離也是非常重要的，因為它可以決定表格的整體美觀程度。
在CSS中，字體距離邊框的距離可以通過設置表格單元格的padding屬性來實現，padding屬性可以同時設置上下左右四個方向的距離，如下所示：
pre{
padding:5px 10px; /*上下距離為5像素，左右距離為10像素*/
}
上述代碼將為pre標簽設置一個padding屬性，上下距離為5像素，左右距離為10像素。同樣，我們也可以通過設置表格單元格的padding-top、padding-bottom、padding-left、padding-right屬性分別設置不同方向上的距離，如下所示：
pre{
padding-top:5px; /*上距離為5像素*/
padding-bottom: 10px; /*下距離為10像素*/
padding-left:15px; /*左距離為15像素*/
padding-right:20px; /*右距離為20像素*/
}
上述代碼將為pre標簽分別設置了不同方向上的padding屬性，可以根據實際需求來進行調整。
需要注意的是，padding屬性的值可以是像素、百分比或em等單位，但是最好使用像素作為單位，因為像素是固定的長度單位，不受瀏覽器縮放影響。
總之，通過設置表格單元格的padding屬性，可以很方便地調整字體距離邊框的距離，使表格整體美觀，提升用戶體驗。