CSS中的字體帶有劃線是指給文字添加上、下劃線等修飾。這在排版時是非常常見和有用的一種效果。

在CSS中，通過text-decoration屬性來實現字體劃線。該屬性包括以下屬性值：

text-decoration: none;      // 不顯示任何修飾
text-decoration: underline; // 下劃線
text-decoration: overline;  // 上劃線
text-decoration: line-through; // 中劃線
text-decoration: underline overline; // 上下線同時存在

需要注意的是，在應用text-decoration屬性時，文字的顏色、大小等樣式也會同時受到影響。如果需要對劃線進行修改，可以使用text-decoration-color、text-decoration-style屬性。例如：

text-decoration-color: red; // 修改下劃線顏色為紅色
text-decoration-style: dotted; // 修改下劃線樣式為點線

除了text-decoration屬性，CSS還可以通過使用border-bottom、border-top等屬性，在文字下方或上方添加線條。這種方法可以更加靈活地實現不同樣式的線條效果。

border-bottom: 1px solid black; // 在文字下添加實線
border-bottom: 2px dashed blue; // 在文字下添加虛線
border-top: 1px dotted green; // 在文字上添加點線

總之，通過在CSS中添加字體劃線等效果，可以豐富網頁排版的樣式，增強用戶體驗。但需要注意的是，過多的修飾會降低頁面的可讀性，因此在使用時需要考慮好效果和實用性的平衡。