简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-06-24 11:26:07
Original
1259 Leute haben es durchsucht

在一个网页中多处使用了表格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>
Nach dem Login kopieren

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

 

Verwandte Etiketten：
css 给table设置样式
Quelle：php.cn
Vorheriger Artikel：CSS3 弹性布局弹性流（flex-flow）属性详解和实例_html/css_WEB-ITnose Nächster Artikel：关于渐进增强和优雅降级_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Ändern Sie Inline-CSS-Stile in Javafx dynamisch Ich versuche, das Hintergrundbild eines Bereichs zu ändern, wenn die Anwendung maximiert i...
Aus 2024-04-06 20:57:16
0
1
487
Passen Sie das Erscheinungsbild von Bootstrap-Akkordeon-Headern mithilfe der CollapseDisplay-Klasse an Ich möchte den Kartentitel eines Panels mit der Klasse Collapseshow formatieren. In diesem...
Aus 2024-04-06 12:53:11
0
1
376
SASS-Stile haben Vorrang vor Medienabfragen Ich versuche, Medienabfragen zu verwenden, um Stile für Desktop-Geräte zu überschreiben, a...
Aus 2024-04-05 15:03:00
0
1
3396
Ag-Grid: Ist es möglich, eine Zeile nach einem Timer zu gestalten, anstatt auf den Daten in der Zeile zu basieren? Ich muss nach einiger Zeit die Hintergrundfarbe von Zeilen ändern. Es gibt eine Spalte im ...
Aus 2024-04-03 20:14:05
0
1
360
So positionieren Sie ein Div neben einer Seitenleiste, sodass das Div beim Öffnen der Seitenleiste nach links verschoben wird Immer wenn ich die Seitenleiste öffne, wird das Hauptinhalts-Div unterhalb der Seitenleist...
Aus 2024-04-03 14:47:21
0
1
325
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！