CSS內框顏色改變顏色是很常見的需求,在這里我們將為大家介紹如何修改內框顏色。
.box{ border: 1px solid #000000; /*原來的邊框*/ padding: 10px; border-radius: 5px; box-sizing: border-box; } .box:hover{ border-color: #FF0000; /*當鼠標懸停時邊框顏色變為紅色*/ }
首先我們定義一個類名為.box的div元素,其原本的邊框為1px的黑色實線邊框,內部有10px的padding,圓角為5px。在.box:hover偽類中,我們定義在鼠標懸浮在該元素上時,將其邊框顏色修改為紅色。
這個例子僅僅是演示了一個基本的實現原理,你可以自己修改邊框樣式和顏色,讓內框顏色更符合你的需求。