CSS左下劃線（CSS underline from bottom left）指的是在文本下方從左下角開始畫線，用于強(qiáng)調(diào)文本或者區(qū)別于其他文本。

.underline{
text-decoration: none;
position: relative;
}
.underline::after{
content: "";
width: 100%;
height: 2px;
background-color: #000000;
position: absolute;
bottom: 0;
left: 0;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease-in-out;
}
.underline:hover::after{
transform: scaleX(1);
}

以上是一個樣式class名為underline的左下劃線樣式，該樣式首先去掉文本的默認(rèn)下劃線，然后通過偽類::after在文本下方創(chuàng)建一條黑色寬度100%、高度為2px的線條。在樣式中使用transform來實(shí)現(xiàn)鼠標(biāo)懸停時向右拉伸的動畫效果，具體細(xì)節(jié)見注釋。

使用該樣式可以給重要文本或者鏈接增加強(qiáng)調(diào)效果，提高用戶的可視性。