Comment définir l'arrière-plan du tableau et td pour réaliser la bordure du tableau

Beaucoup d'amis s'inquiètent de la façon de définir le style table Aujourd'hui, je vais vous expliquer en détail comment définir le style table CSS J'ai déjà mentionné trois méthodes, et définissez uniquement la bordure de la table. , définissez la bordure pour td, définissez habilement la bordure de la table pour table et td. Maintenant, je vais vous montrer comment définir l'arrière-plan de la table et de td pour réaliser la bordure de la table. gagner quelque chose après avoir lu.

Définissez d'abord le arrière-plan CSS du tableau sur rouge

Ensuite, définissez l'espacement entre les cellules du tableau sur 1
Utilisez le logiciel DW pour vous aider à définir l'espacement des cellules du tableau sur 1, plus précisément Une brève description des étapes de fonctionnement visuel du logiciel DW. Tout d'abord, après avoir sélectionné le tableau (mode d'affichage), le panneau « Propriétés » apparaîtra en bas de la fenêtre d'édition du logiciel DW correspondante, et le tableau correspondant l'attribut de table le lieu de réglage apparaîtra. Nous remplirons "l'intervalle" comme "1". À ce stade, nous verrons que la valeur de l'espacement des cellules dans l'étiquette du tableau est "1" (cellspacing="1").

Utilisez le logiciel DW pour définir l'espacement entre les cellules du tableau ou

définissez directement Cellpacing="1" dans la balise f5d188ed2c074f8b944552db028f98a1 pour obtenir :

<table width="400" border="0" cellspacing="1" cellpadding="0">

paramètres L'arrière-plan du tableau td est blanc

Code CSS :

<style> 
.table-d table{ background:#F00} 
.table-d table td{ background:#FFF} 
/* 
css注释：设置table背景为红色，td背景为白色 */ 
</style>

Code source HTML correspondant :

 
<table width="400" border="0" cellspacing="1" cellpadding="0"> 
 
站名 
网址 
说明 
 
 
DIVCSS5 
www.divcss5.com 
CSS学习 
 
 
CSS5 
www.css5.com.cn 
CSS切图 
 
 

Nous avons résumé un total de quatre façons d'implémenter le tableau Méthodes de style de bordure , il est recommandé d'utiliser les troisième et quatrième méthodes pour résoudre le style de bordure de tableau. Nous espérons que nos méthodes seront utiles à tout le monde et que vous pourrez les maîtriser et les utiliser de manière flexible en cas de besoin.

Lecture connexe :

Comment définir habilement les bordures de table pour table et td

Comment utiliser CSS pour définir des bordures sur td

Comment utiliser CSS pour définir des bordures uniquement sur les étiquettes de tableau

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!