在CSS中，我們可以通過下劃線（橫線）的方式為文字、圖片等的下方增加裝飾性線條。通常情況下，這種下劃線會與文字底部對齊，但如果你想要讓下劃線偏移一點，該怎么做呢？

.text-underline{
text-decoration: underline; /* 添加下劃線 */
text-decoration-color: red; /* 下劃線顏色為紅色 */
text-underline-offset: 2px; /* 下劃線相對于文字向下偏移2px */ 
display: inline-block; /* 塊級內聯元素 */
}

在上面的代碼中我們使用了text-underline-offset屬性來控制下劃線的偏移距離，其默認值為0，若設置為正數，則下劃線為向下偏移，若設置為負數，則下劃線為向上偏移。同時，我們也可以通過text-decoration-color屬性定義下劃線的顏色，這里我們將其設置為紅色。

需要注意的是，如果我們只是希望單個文本添加這種樣式，我們需要將其包裹在一個塊級內聯元素內，例如使用標簽。而如果我們希望在全局應用這種樣式，可以直接在通用選擇器中使用。

span{
text-decoration: underline;
text-decoration-color: red;
text-underline-offset: 2px;
display: inline-block;
}

這樣我們就可以在全局應用這種樣式，讓文字或圖片的下方多一點點可愛的裝飾吧！