在CSS中，我們可以設置字體的上下偏移來讓文字更加美觀。這個偏移是指字母與文字基線（baseline）的距離。以下是CSS代碼示例：

/* 將字體向上偏移2像素 */
p {
font-size: 16px;
line-height: 1.5;
vertical-align: -2px;
}
/* 將字體向下偏移4像素 */
h1 {
font-size: 24px;
line-height: 1.2;
vertical-align: 4px;
}

其中，vertical-align屬性用于設置字體的上下偏移值，可以接受以下幾個值：

• baseline：與基線對齊，為默認值
• sub：下標
• super：上標
• text-top：與文本的頂部對齊
• text-bottom：與文本的底部對齊
• middle：與最近的中線對齊
• top：與元素的頂部對齊
• bottom：與元素的底部對齊
• 長度值：設置字體的垂直偏移值

需要注意的是，對于垂直偏移，在不同瀏覽器上可能會存在差異，因此我們需要進行兼容性處理。

CSS中字體的上下偏移可以讓我們實現更多有趣的效果，比如文字疊加、文本環繞等。在實際應用中，我們可以根據需求靈活運用這些屬性，打造出更加獨特的頁面效果。