CSS中可以使用outline
屬性來實(shí)現(xiàn)鼠標(biāo)點(diǎn)上出現(xiàn)白框的效果。outline
屬性可以定義元素輪廓的顏色、形狀和厚度,當(dāng)鼠標(biāo)指針移動到元素上時,輪廓會顯示出來。
以下是一個示例CSS代碼,可以實(shí)現(xiàn)鼠標(biāo)點(diǎn)上出現(xiàn)白框的效果:
.my-element { outline: 1px solid white; transition: outline 0.3s ease; } .my-element:hover { outline: 2px solid white; }
在這個示例中,.my-element
類定義了元素的樣式,包括輪廓的顏色、形狀和厚度,當(dāng)鼠標(biāo)指針移動到元素上時,輪廓會變得更加明顯,從而實(shí)現(xiàn)白框效果。transition
屬性可以用來平滑輪廓的變化效果。
你可以將以上CSS代碼添加到你的樣式表中,并應(yīng)用到需要實(shí)現(xiàn)白框效果的元素上,記得替換.my-element
類名為你實(shí)際使用的類名。