Maison >interface Web >tutoriel CSS >Comment utiliser CSS pour ne pas afficher la bordure du tableau

Comment utiliser CSS pour ne pas afficher la bordure du tableau

王林
王林original
2020-11-13 11:25:244943parcourir

Comment utiliser le CSS pour ne pas afficher la bordure du tableau : Vous pouvez utiliser l'attribut border pour y parvenir, comme [border:0;]. L'attribut border est utilisé pour définir tous les attributs de bordure, tels que border-width, qui spécifie la largeur de la bordure.

Comment utiliser CSS pour ne pas afficher la bordure du tableau

la propriété raccourcie border définit toutes les propriétés de bordure dans une seule déclaration.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Vous pouvez définir les attributs suivants dans l'ordre :

  • bordure- width

  • border-style

  • border-color

Si une des valeurs n'est pas défini, il n'y aura aucun problème. Par exemple, border:solid #ff0000;

Valeur de l'attribut :

border-width    规定边框的宽度。
border-style    规定边框的样式。   
border-color    规定边框的颜色。
inherit    规定应该从父元素继承 border 属性的设置。

Exemple de code :

<html>
<head>
</head>

<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
</body>
</html>

css

<style type="text/css">
table,th,td
{
border:0;
}
</style>

Résultat :

Comment utiliser CSS pour ne pas afficher la bordure du tableau

Vidéos associées : Tutoriel 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!

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