Heim  >  Artikel  >  Web-Frontend  >  So verstecken Sie eine Tabelle in CSS

So verstecken Sie eine Tabelle in CSS

藏色散人
藏色散人Original
2021-03-30 11:40:242741Durchsuche

So verbergen Sie eine Tabelle in CSS: Erstellen Sie zunächst eine HTML-Seite und erstellen Sie anschließend einen Klassenstil, um die Tabelle „display:none“ auszublenden.

So verstecken Sie eine Tabelle in CSS

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Verwenden Sie Notepad, um eine HTML-Seite zu erstellen.

So verstecken Sie eine Tabelle in CSS

Erstellen Sie eine Tabelle.

So verstecken Sie eine Tabelle in CSS

Sehen Sie sich die Auswirkung der erstellten Tabelle im Browser an

So verstecken Sie eine Tabelle in CSSVerwenden Sie Ihren Browser, um den Effekt anzuzeigen. [Empfohlenes Lernen:

CSS-Video-Tutorial

]

So verstecken Sie eine Tabelle in CSS

Das ist der ganze Code

<html>
<head>
<meta charset="UTF-8">
<title>css隐藏table</title>
<style>
.hide{display:none}
</style>
</head>
<body>
<table class="hide">
<tr>
<td>
这是要隐藏的table信息
</td>
</tr>
</table>
</body>
</html>

Das obige ist der detaillierte Inhalt vonSo verstecken Sie eine Tabelle in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn