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 ?
Pourquoi le stockage local échoue-t-il si rapidement ?
Méthodes pour prévenir les attaques CC
Quels sont les logiciels de programmation du microcontrôleur ?
Comment comparer le contenu des fichiers de deux versions dans git
Quels problèmes le bouillonnement d'événements js peut-il résoudre ?
Que dois-je faire si la vidéo Web ne peut pas être ouverte ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
