CSS是網頁設計中必不可少的一部分，它可以用來控制網頁中的各種元素的樣式。為了使網頁看起來更美觀、更整潔，我們常常需要為某些文字進行特殊的樣式設置。下面，我將介紹CSS如何快速設置兩行字及其附加樣式。

/* 首先，我們需要為想要設置樣式的文字定義一個class */
.two-lines {
display: inline-block;   /* 將文字轉為塊元素以實現下劃線效果 */
position: relative;      /* 為下劃線添加定位，方便定位及設定寬度 */
font-size: 20px;         /* 設置文字大小 */
font-weight: bold;       /* 加粗文字 */
text-transform: uppercase;   /* 將文字轉換為大寫 */
letter-spacing: 2px;     /* 設置文字間距 */
margin: 20px 0;          /* 上下留出一定的間距 */
}
/* 然后，我們為文字下方添加下劃線 */
.two-lines:after {
content: "";            /* 必須設置內容，否則樣式無法生效 */
display: block;         /* 將下劃線轉為塊元素以便定位 */
position: absolute;     /* 相對于文字設置定位 */
bottom: -5px;           /* 將下劃線定位到文字下方 */
left: 0;                /* 左側對齊文字 */
width: 100%;            /* 設置下劃線寬度為整個容器的寬度 */
height: 2px;            /* 下劃線高度為2px */
background-color: red;  /* 下劃線顏色為紅色 */
}

以上代碼為設置兩行文字及其下劃線的模板代碼，需要使用時只需將class應用到想要設置樣式的文字容器中即可。通過調整樣式代碼中的各項參數，可以對文字大小、字重、顏色等進行任意設定。這樣一來，我們就可以輕松地為網頁中的文字添加獨特的樣式，并使網頁看起來更美觀、更整潔。