
在HTML中,何設???可以使用CSS來(lái)設置鼠標選中狀ヽ(′▽?zhuān)?ノ態(tài),置鼠中狀以下是標選一些常用的方法:
(圖片來(lái)源網(wǎng)絡(luò ),侵ヽ(′▽?zhuān)?ノ刪)1、何設使用:hover偽類(lèi)選擇(′?ω?`)器
:hover偽類(lèi)選擇器用于選擇鼠標懸停在元素上時(shí)的置鼠中狀樣式,當用戶(hù)將鼠標懸停在一個(gè)按鈕上時(shí),( ?ω?)標??選可以改變按鈕的何設背景顏色和文字顏色。
<!DOCTYPE html><html><head><style>butto( ?▽?)n:hover { backgroundcolor: blue; color: white;}</style></head><body><button>(?Д?);懸停在我上面</b?utton></body><(′▽?zhuān)?/html>2、置鼠中狀使用:active偽類(lèi)選擇器
:active偽類(lèi)選擇器用于選擇鼠ヾ(?■_■)ノ標按下元素時(shí)的標選樣式,當用戶(hù)按下一個(gè)按鈕時(shí),何設可以改變按鈕的置鼠中狀背景顏色和文字顏色。
&l(′?`*)t;!DOCTYPE html><html><hea??d><style>button:active { backgroun??dcolor: red; color: white;}</style></head><body><button>按下我</button&??gt;</body></html>3、標選使用:focus偽類(lèi)選擇器
:focus偽類(lèi)選擇器用于選擇獲得焦點(diǎn)的何設元素的樣式,當用戶(hù)點(diǎn)擊一個(gè)輸入框時(shí),置鼠中狀可以改變輸入??框的標選邊框顏色。
<!DOCTYPE html><html><head><style>input:focus { bordercolor: green;}</style></head&gヾ(^-^)ノt;<body><input type="text"??; placeholder="點(diǎn)擊我"></body></html>4、使用:target偽類(lèi)選擇器
:target偽類(lèi)選擇器用于選擇U??RL中的錨點(diǎn)目標元素的樣式,當用戶(hù)點(diǎn)擊一個(gè)帶有特定ID的鏈接時(shí),可以改變該元素的背景顏色??。
<!DOCTYPE html><html><head><style(°o°)>#target:target { backgroundcolor: yellow;}</style></head><body><(′?`);a href="#target">點(diǎn)擊我</a><d(╬?益?)iv id="target">我是目標元素</div></body></html>