CSS 的下劃線樣式是制作網(wǎng)頁時常用的一種樣式，用來突出某一段文字。然而，不同瀏覽器對下劃線樣式的支持不同，在跨瀏覽器兼容時需要注意。

當我們使用 CSS 給文字添加下劃線時，可以用以下代碼：

text-decoration: underline;

這段代碼可以讓文字出現(xiàn)下劃線。但是，在不同瀏覽器中，下劃線的默認樣式、寬度和距離文字的距離都不同，需要進一步調整。例如，在 Chrome 瀏覽器中，下劃線默認加粗，距離文字稍微遠一些；而在 Safari 中，下劃線較細，貼近文字。

為了進行樣式的調整，我們可以使用以下的屬性值：

text-decoration-color: red;  // 設置下劃線顏色
text-decoration-style: dotted;  // 設置下劃線樣式為點狀
text-decoration-thickness: 2px;  // 設置下劃線粗細

這些屬性可以讓下劃線的樣式更加豐富，但是在不同瀏覽器中的支持也不同。例如，在 Safari 和 Chrome 瀏覽器中都可支持 text-decoration-color 屬性，但是在 IE 中異常，需要使用其他的非標準屬性才能實現(xiàn)同樣的效果。

因此，在使用 CSS 進行下劃線樣式設計時，需要注意瀏覽器的兼容性問題。可以在實際應用中針對不同瀏覽器進行測試和調整，以達到跨瀏覽器的最佳效果。