Maison >interface Web >tutoriel CSS >Comment masquer une table en CSS

Comment masquer une table en CSS

藏色散人original: 2021-03-30 11:40:242797parcourir

Comment masquer un tableau en CSS : utilisez d'abord le bloc-notes pour créer une page html ; puis créez un tableau ; enfin écrivez un style de classe pour masquer le tableau "display:none".

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Utilisez le bloc-notes pour créer une page HTML

Comment masquer une table en CSS

Créez un tableau

Comment masquer une table en CSS

dans le navigateur Vérifiez l'effet du tableau créé

Comment masquer une table en CSS

Écrivez un style de classe pour masquer l'affichage du tableau : aucun

Comment masquer une table en CSS

Utilisez un navigateur Voir l'effet. [Apprentissage recommandé : Tutoriel vidéo CSS]

Comment masquer une table en CSS

C'est tout le 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>

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment utiliser CSS pour obtenir des effets d'éléments de page de contrôle des mouvements de la souris ? (exemple de code)Article suivant：Comment utiliser CSS pour obtenir des effets d'éléments de page de contrôle des mouvements de la souris ? (exemple de code)

Articles Liés

Voir plus