CSS盒子下劃線是指在文本下方添加一個水平線條，一般用于表示鏈接或者強調一個文本內容。下面我們來介紹一些常見的實現方法。

/*第一種方法，使用border-bottom*/
a{
text-decoration: none; /*取消下劃線*/
border-bottom: 1px solid #000; /*添加下劃線*/
}
/*第二種方法，使用偽元素before*/
a{
text-decoration: none;
position: relative;
}
a:before{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #000;
}
/*第三種方法，使用偽元素after*/
a{
text-decoration: none;
position: relative;
}
a:after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #000;
}
/*第四種方法，使用box-shadow*/
a{
text-decoration: none;
box-shadow: inset 0 -1px 0 0 #000; /*添加下劃線*/
}
/*第五種方法，使用background和border*/
a{
text-decoration: none;
background: linear-gradient(to bottom, #000 0%, #000 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 1px;
border-bottom: 1px solid transparent;
transition: background-size 0.2s ease;
}
a:hover{
background-size: 100% 100%;
}

這些方法各有優缺點，具體使用要根據實際需求選擇。同時需要注意的是，在使用偽元素的方法中，要設置元素的position屬性為相對或絕對定位，否則偽元素不會生效。