En CSS3, vous pouvez utiliser le sélecteur ":active" et l'attribut d'affichage pour obtenir l'effet de cliquer pour masquer le div. Il vous suffit d'ajouter "" à l'élément div
L'environnement d'exploitation de celui-ci. tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
En CSS3, vous pouvez utiliser le sélecteur ":active" et l'attribut d'affichage pour obtenir l'effet de cliquer pour masquer un div.
Code d'implémentation :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div{
border: 1px solid red;
background-color: #FFC0CB;
}
div:active{
display: none;
}
</style>
</head>
<body>
<div>点击隐藏div元素</div>
</body>
</html>
: sélecteur actif
active est interprété en anglais comme "active", ce qui signifie cliquer sur la souris.
Après avoir défini l'élément sur display:none, l'élément disparaîtra complètement de la page et l'espace initialement occupé par l'élément sera occupé par d'autres éléments, ce qui signifie que le navigateur sera redistribué et redessiné.
(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
tutoriel CSS3
Quelles sont les propriétés du dégradé CSS3 ?
vue fait référence aux fichiers js
Comment activer le serveur TFTP
Comment commencer à acheter des crypto-monnaies
syntaxe des expressions régulières Java
Comment implémenter la fonction de pagination jsp
La différence entre * et & en langage C
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
