CSS字體旁邊加線是一種常見的文字效果，它可以讓文字看起來更加醒目、突出。在這種效果中，除了文字本身的顏色和大小之外，還需要添加邊框和線條來營造出強烈的視覺沖擊力。

要實現這種效果，我們可以使用CSS中的text-decoration屬性和border屬性。其中，text-decoration可以控制文字的裝飾效果，包括下劃線、刪除線、上劃線和方框線等；border可以控制元素的邊框效果，包括線條的樣式、粗細和顏色。

//CSS代碼實現字體旁邊加線效果
.example {
font-size: 16px;
font-weight: bold;
text-decoration: none;
border-left: 3px solid red;
padding-left: 3px;
}

上面的代碼中，我們定義了一個.example類，它包含了以下幾個樣式：

• font-size：字體大小為16px
• font-weight：字體加粗
• text-decoration：文字裝飾效果為none，表示不添加下劃線等裝飾
• border-left：左邊框為3px寬的紅色實線
• padding-left：左側內邊距為3px，使文字與邊框保持一定的距離

通過這些樣式的組合，就可以實現一個簡單的字體旁邊加線效果。當然，我們也可以根據實際的需要進行樣式的調整，比如調整邊框顏色、寬度、樣式、內邊距等，以滿足不同的設計要求。