在CSS中,我們可以使用
border屬性來畫選中框。
首先,我們需要選定一個要畫選中框的元素。假設我們選中了一個鏈接。那么,我們可以寫出以下的CSS代碼:
a:hover { border: 1px solid black; }
這段代碼的意思是:當鼠標懸停在鏈接上時,給這個鏈接加上一條1像素寬的黑色實線選中框。
需要注意的是,
border屬性有三個值,分別是寬度、樣式和顏色。我們可以自行調整這三個值來畫出想要的選中框。
此外,我們還可以使用
outline屬性來畫選中框。與
border屬性不同的是,
outline屬性只有兩個值,分別是樣式和顏色。其代碼如下所示:
a:focus { outline: dotted red; }
這段代碼的意思是:當鏈接被選定時(或被鍵盤焦點選中時),給這個鏈接加上一條紅色的虛線選中框。
在實際應用中,我們可以根據需要選擇使用
border還是
outline。其中,
border更加靈活,可以達到不同樣式和效果的選中框,而
outline則更加方便,能夠快速地為選定元素加上選中框。