在css中,點擊隱藏的代碼為“元素:active{opacity:0;}”;“:active”選擇器用于選擇元素被點擊時的狀態(tài)并設(shè)置樣式,opacity屬性用于設(shè)置元素的不透明級別,也就是當(dāng)點擊元素時,元素隱藏不顯示。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css點擊隱藏的代碼是什么
在css中,可以利用:active選擇器和opacity屬性來實現(xiàn)點擊隱藏效果,
:active 選擇器用于選擇活動鏈接。
當(dāng)您在一個鏈接上點擊時,它就會成為活動的(激活的)。
opacity 屬性設(shè)置元素的不透明級別。
具體語法為:
元素:active{opacity: 0; }
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div{ width: 380px; height: 250px; background-image: url(1118.02.png); } div:active{ opacity: 0; } </style> </head> <body> <div>鼠標(biāo)點擊div盒子</div> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)