CSS字體點擊后下加線的效果可以通過text-decoration屬性實現。

a:link {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

以上代碼意思是，設置鏈接的默認狀態下沒有下劃線，當鼠標懸停在鏈接上時，出現下劃線效果。

需要注意的是，text-decoration屬性還有其他屬性值，如line-through（中劃線效果）、overline（上劃線效果）等。同樣可以應用于鏈接文字或其他文本元素。

另外，如果想要實現自定義樣式的下劃線效果，可以通過偽元素before和after來實現。以下是一個例子：

a.underline:hover:before,
a.underline:hover:after {
content: "";
display: block;
border-bottom: 2px solid black;
}
a.underline:hover:before {
width: 50%;
margin-right: 5px;
}
a.underline:hover:after {
width: 20%;
margin-left: 5px;
}

以上代碼實現的效果是，在鏈接文字下方添加一條黑色的實線，左邊和右邊各用50%和20%的寬度撐開，中間用5px的間距分隔。