CSS可以為網頁中的文本、圖片等元素設置鼠標選中狀態,以改變其呈現樣式。下面將為大家介紹一些常用的標記方法。
/* 文本或元素被選中時改變背景顏色 */ ::selection{ background-color: #ffff00; } /* 修改輸入框等元素選中的顏色和高亮背景 */ input[type=text]:focus, textarea:focus{ outline:none; border-color: #00ff00; box-shadow: 0 0 10px #00ff00; } /* 鼠標經過圖片時改變透明度 */ img:hover{ opacity: 0.5; }
以上代碼示例中,第一個代碼塊修改了選中文本或元素時的背景色為黃色,第二個代碼塊針對輸入框等元素選中時的樣式進行了修改,使其獲得了綠色邊框及淺綠色高亮背景。第三個代碼塊則通過調節圖片的透明度,實現了鼠標經過圖片時的視覺效果改變。
總的來說,CSS提供了很多方法來修改鼠標選中狀態的樣式,開發者可以根據實際需求選擇適合自己網頁的樣式。
上一篇css的樣式主要分為什么
下一篇mysql 阿帕奇