在網頁開發中，我們經常需要控制文本的顯示樣式，其中一個常見的需求就是多余字顯示冒號。以下是使用CSS實現的示例：

p::after {
content: ':';
color: gray;
margin-left: 5px;
}

以上代碼的意思是在每一個p標簽的結尾添加一個冒號，并設置其顏色為灰色，左邊距為5像素。其中，::after偽類可以用來向元素的最后面添加內容，content屬性用來設置要添加的內容。

如果我們希望只在特定的p標簽中顯示冒號，可以為其添加類名，然后使用類選擇器進行樣式控制：

p.special::after {
content: ':';
color: red;
margin-left: 5px;
}

以上代碼為class名為special的p標簽添加了紅色的冒號。同樣，我們也可以使用ID、屬性選擇器等方式來實現更細粒度的控制。

需要注意的是，如果p標簽本身已經有結尾標點符號（如句號、感嘆號等），則在其后面添加冒號可能會讓文本顯示不太自然。此時，我們可以使用CSS的偽元素::before來在標點符號前添加冒號：

p::before {
content: ':';
color: gray;
margin-right: 5px;
}

以上代碼的意思是在每一個p標簽的開頭添加一個冒號，并設置其顏色為灰色，右邊距為5像素。

通過使用CSS的偽類和偽元素，我們可以靈活地控制文本的顯示效果，為網頁的設計提供更多選擇。