CSS3是一種比較強大的前端技術，許多網站都使用了CSS3來優化網頁體驗。其中有一種特效，就是空心遠點。這種特效可以讓網頁內容更加醒目，吸引用戶的注意力。下面就來介紹一下CSS3的空心遠點。

/* 空心遠點 */
background-color: #fff;
border: 1px solid #999;
border-radius: 50%;
box-sizing: border-box;
content: "";
display: inline-block;
height: 10px;
margin: 0 5px;
width: 10px;

上面的代碼是實現CSS3空心遠點的樣式代碼。我們可以看到，這里使用了背景色、邊框、圓角、內容、顯示、大小等多種屬性來實現空心遠點的效果。

下面來詳細解析一下這些屬性：

• background-color：設置背景色，這里設置為白色。
• border：設置邊框，這里設置為1像素的灰色實線邊框。
• border-radius：設置圓角，這里設置為50%，即使正圓形。
• box-sizing：設置盒模型，這里設置為邊框盒模型，以便計算邊框寬度。
• content：插入內容，這里插入空字符串。
• display：設置顯示方式，這里設置為行內塊元素。
• height：設置高度，這里設置為10像素。
• margin：設置外邊距，這里設置為0上下，5左右。
• width：設置寬度，這里設置為10像素。

綜上所述，CSS3的空心遠點是一種比較簡單但實用的前端特效。通過使用上述代碼，我們可以輕易地實現這種效果，提升網頁視覺效果。