當我們瀏覽網頁時，經常會看到一些點擊后出現一條線的效果。這種效果可以用來裝飾某些文字或者是提示用戶可以點擊的內容。那么怎么實現點擊出現線條的效果呢？

/* 首先需要給需要添加特效的元素添加CSS樣式 */
a {
text-decoration: none; /* 取消原有下劃線 */
position: relative; /* 相對定位 */
}
/* 在hover時，在元素下方添加一條線 */
a:hover:after {
content: ""; /* content屬性定義需要插入元素的內容，可以為空 */
position: absolute; /* 絕對定位 */
left: 0; /* 從左側開始 */
bottom: -2px; /* 定位到元素下方，給出負值以便于線條不會遮蓋內容 */
height: 2px; /* 線條高度 */
width: 100%; /* 線條寬度為元素的寬度 */
background-color: #000; /* 線條顏色 */
}

以上就是實現點擊出現線條的所有CSS代碼了。通過給需要添加效果的元素添加CSS樣式，以及在hover時添加一條下方的線條，即可實現點擊出線的效果。當然，這只是一種簡單的實現方式，還有更多精細的效果可以嘗試。