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

王林
Libérer: 2020-11-13 11:25:24
original
4935 Les gens l'ont consulté

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 属性的设置。
Copier après la connexion

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>
Copier après la connexion

css

<style type="text/css">
table,th,td
{
border:0;
}
</style>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal