在網頁設計中，CSS字圖常常被用作網頁LOGO，菜單圖標等等，給網頁增添視覺效果。

如果想要讓CSS字圖看起來更加突出，可以考慮添加白邊。下面是一個簡單實現的代碼：

.icon {
display: inline-block;
padding: 10px; /* 字圖與外框的間距，隨意調整 */
border: 2px solid #fff; /* 白邊寬度、顏色 */
}
/* 以下是字圖的相關代碼 */
.icon:before {
content: ""; /* 在字體的前面插入一個元素 */
display: block;
width: 100%;
height: 100%;
background-image: url(字圖的圖片鏈接);
background-repeat: no-repeat;
background-size: contain; /* 縮放背景圖使其適應元素大小 */
color: transparent; /* 字體設為透明 */
}

通過在字圖元素的前面插入一個元素，然后利用背景圖縮放及顏色設為透明等方式，實現白邊效果。需要注意的是，字圖元素需要設為 inline-block，否則無法在外圍元素中加上白邊。

此外，如果字圖需要垂直居中，可以使用 flex 布局或 text-align 居中等方式實現。