简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

css 给table设置样式_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 11:26:07
original
1259 Les gens l'ont consulté

在一个网页中多处使用了表格table标签，这个时候给指定的表格对象设置样式依然可以通过CSS进行控制设置。其实有时我们这样思考将table标签当作DIV标签来布局设置CSS，就变得简单多了。

 

对table设置样式

通过对应table父级样式命名指定对象内table样式

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>指定对象内table设置样式</title> <style> .manongjc{ width:400px} .manongjc table{ background:#CCC; color:#F00} .manongjc table td{ background:#FFF} </style> </head> <body> <div class="manongjc"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td>内容一</td> <td>内容一</td> <td>内容一</td> </tr> <tr> <td>内容二</td> <td>内容</td> <td>内容</td> </tr> </table> </div> </body> </html>
Copier après la connexion

以上通过父级指定table和td进行CSS样式设置。

 

Étiquettes associées：
css 给table设置样式
source：php.cn
Article précédent：CSS3 弹性布局弹性流（flex-flow）属性详解和实例_html/css_WEB-ITnose Article suivant：关于渐进增强和优雅降级_html/css_WEB-ITnose
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
Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...
Depuis 2024-04-06 20:57:16
0
1
487
Personnalisez l'apparence des en-têtes accordéon Bootstrap à l'aide de la classe CollapseDisplay Je souhaite styliser le titre de la carte d'un panneau avec la classeeffondrementshow. Dan...
Depuis 2024-04-06 12:53:11
0
1
376
Les styles SASS ont priorité sur les requêtes multimédias J'essaie d'utiliser des requêtes multimédias pour remplacer les styles des appareils de bu...
Depuis 2024-04-05 15:03:00
0
1
3396
Ag-Grid : Est-il possible de styliser une ligne sur une minuterie plutôt que sur la base des données de la ligne ? Je dois changer la couleur d'arrière-plan des lignes après un certain temps. Il y a une co...
Depuis 2024-04-03 20:14:05
0
1
360
Comment positionner un div à côté d'une barre latérale de sorte que lorsque la barre latérale s'ouvre, le div soit poussé vers la gauche Chaque fois que j'ouvre la barre latérale, le div du contenu principal sera positionné sou...
Depuis 2024-04-03 14:47:21
0
1
325
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！