CSS 的文本顯示功能非常強大，除了可以控制文本字體、顏色、大小等基本特性外，還可以實現一些有趣的效果，比如顯示點。

.text {
display: inline-block;
border-bottom: 1px dotted black;
}

以上是一個簡單的 CSS 樣式，它可以在文本下方添加一個黑色虛線，形成點的效果。使用方法也非常簡單，在 HTML 中使用類名為 “text” 的元素包裹文本即可：

<p><span class="text">Lorem ipsum dolor sit amet.</span></p>

在瀏覽器中顯示的效果就是這樣的：

Lorem ipsum dolor sit amet.

當然，以上只是一個簡單的演示例子，實際上點的樣式和位置可以有很多種不同的選擇和控制。

如果你想讓點的樣式更加絢麗多彩，可以使用 CSS 漸變來實現：

.text {
display: inline-block;
background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}

以上 CSS 樣式將會讓點的顏色隨著文本的漸變而變化。同樣地，在 HTML 中使用類名為 “text” 的元素包裹文本即可：

<p><span class="text">Lorem ipsum dolor sit amet.</span></p>

在瀏覽器中顯示的效果將會是這樣的：

Lorem ipsum dolor sit amet.

除了顏色的變化外，點的樣式和位置也可以根據需求進行自由的調整和修改。只要熟練掌握 CSS 的文本顯示技巧，在頁面設計中呈現出別具一格的效果就不在話下了。