CSS中鼠標(biāo)懸停下劃線距離的設(shè)置可以通過調(diào)整text-decoration
屬性中的text-underline-offset
子屬性來實(shí)現(xiàn),這個子屬性可以指定下劃線與文字之間的距離。
以下是一個示例,展示了如何設(shè)置鼠標(biāo)懸停下劃線距離:
a:hover { text-decoration: underline; text-underline-offset: 5px; /* 調(diào)整下劃線與文字之間的距離 */ }
在這個示例中,a:hover
選擇器用于指定鼠標(biāo)懸停在鏈接上時應(yīng)用的樣式。text-decoration: underline;
表示添加下劃線,而text-underline-offset: 5px;
則設(shè)置了下劃線與文字之間的距離為5像素。
你可以根據(jù)需要調(diào)整text-underline-offset
的值,以改變下劃線與文字之間的距離,這個屬性提供了一種靈活的方式來定制鏈接樣式,使其更加符合你的設(shè)計需求。