Maison > interface Web > tutoriel CSS > Comment définir l'arrière-plan du tableau et td pour réaliser la bordure du tableau

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

php中世界最好的语言
Libérer: 2017-11-20 17:43:46
original
3262 Les gens l'ont consulté

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

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

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

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!

Étiquettes associées:
source:php.cn
Article précédent:Comment définir habilement les bordures de table pour table et td Article suivant:Comment convertir un fichier HTML en fichier txt ? Explication détaillée de la façon de convertir du HTML en txt !
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
Derniers articles par auteur
Derniers numéros
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal