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

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切图

Copier après la connexion