在網頁設計中，通常需要為一些文字、列表或菜單項添加標記、圖標等，以提升網頁的可讀性和美觀性。而在CSS中，我們可以使用::before偽元素來實現在文字前面添加原點的效果。

p::before {
content: "\2022"; /* 使用Unicode編碼，表示為圓點 */
margin-right: 0.5em;
color: #333;
font-size: 1.2em;
}

上述代碼中，我們在p元素的前面添加了一個::before偽元素，并設置其content屬性為 "\2022"，這個編碼表示的是一個小圓點。接著，我們設置了圓點在文本的右側留出0.5em的空距和顏色和字體大小。這樣一來，我們就成功地為所有的p元素加上了一個小圓點。

除了圓點外，我們還可以使用其他符號，甚至是自定義圖標來代替偽元素中的"\2022"內容，只需要將它換成用content屬性來引用對應圖標的CSS類名即可。

總的來說，在文字前面添加標記是一種非常通用的美化網頁的方式，我們可以通過CSS中的::before偽元素來實現這個效果，不斷嘗試和利用不同的形式和圖形，達到更為良好的用戶體驗。