CSS中定義下劃線有多種方式，常見的有使用text-decoration屬性和border-bottom屬性。

/* 使用text-decoration定義下劃線 */
.underline {
text-decoration: underline;
}
/* 使用border-bottom定義下劃線 */
.underline {
border-bottom: 1px solid black;
}

當(dāng)使用text-decoration屬性定義下劃線時，可以通過設(shè)置樣式值為solid、dashed、double等來改變下劃線的樣式。

/* 設(shè)置下劃線為虛線 */
.underline {
text-decoration: underline dashed #333;
}

當(dāng)使用border-bottom屬性定義下劃線時，可以通過設(shè)置樣式的寬度、顏色、樣式來改變下劃線的樣式。

/* 設(shè)置下劃線寬度為2px，顏色為#666，樣式為實線 */
.underline {
border-bottom: 2px solid #666;
}