< p >想要在HTML頁面上設置一個點，可以使用CSS的偽元素:before或:after進行實現。具體的做法為：< /p >< pre >點的樣式： .dot{ position: relative; /*設置相對定位*/ display: inline-block; /*將元素設置為行內塊元素*/ width: 10px; /*設置點的寬度*/ height: 10px; /*設置點的高度*/ margin-right: 5px; /*設置點的右側間距*/ } .dot:before{ content: ""; /*設置偽元素*/ position: absolute; /*設置絕對定位，相對于父元素*/ top: 50%; /*將點相對于父元素垂直居中*/ left: 0; /*將點放置在父元素的最左側*/ transform: translate(-50%,-50%); /*用translate將點居中*/ background-color: #000; /*設置點的顏色*/ border-radius: 50%; /*將點設置為圓形*/ width: 10px; /*設置點的寬度*/ height: 10px; /*設置點的高度*/ }< /pre >< p >在HTML中使用點，可通過類名：class=“dot”進行調用，代碼如下：< /p >< pre >< span class="dot">< /span>在HTML中使用點< /pre >< p >通過這樣的設置，一個漂亮的點就能夠呈現在我們的HTML頁面上了。< /p >