Heim >Web-Frontend >CSS-Tutorial >So verbergen Sie div beim Klicken in CSS3
So verbergen Sie div beim Klicken in CSS3
- 青灯夜游Original
- 2021-12-15 12:17:122413Durchsuche
In CSS3 können Sie den Selektor und das Anzeigeattribut „:active“ verwenden, um den Effekt des Klickens zum Ausblenden des div zu erzielen. Sie müssen nur „“ zum div-Element hinzufügen
Die Betriebsumgebung davon Tutorial: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
In CSS3 können Sie den Selektor und das Anzeigeattribut „:active“ verwenden, um den Effekt zu erzielen, als würden Sie durch Klicken ein Div ausblenden.
Implementierungscode:
<!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>
: aktiver Selektor
active wird im Englischen als „aktiv“ interpretiert, was einen Mausklick bedeutet.
Nachdem das Element auf display:none gesetzt wurde, verschwindet das Element vollständig auf der Seite und der ursprünglich vom Element belegte Platz wird von anderen Elementen belegt, was bedeutet, dass der Browser neu fließt und neu gezeichnet wird.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo verbergen Sie div beim Klicken in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!