Worauf sollten Sie beim Festlegen von Tabellen-CSS-Stilen achten?
Wir wissen, dass es viele CSS-Stile für Tabellen gibt. Heute werde ich Ihnen eine detaillierte Erklärung der CSS-Stileinstellungen für Tabellen geben, auf die beim Festlegen des CSS-Stils geachtet werden muss Blätter für Tabellen
Das Tabellen-Tag wird an mehreren Stellen auf einer Webseite verwendet. Zu diesem Zeitpunkt kann das Festlegen des Stils für das angegebene Tabellenobjekt noch über CSS gesteuert werden.
Tatsächlich wird es manchmal viel einfacher, wenn wir darüber nachdenken, Tabellen-Tags als DIV-Tags zum Layouten und Festlegen von CSS zu verwenden. Stile für die Tabelle festlegen Geben Sie den Tabellenstil innerhalb des Objekts an, indem Sie den entsprechenden übergeordneten Tabellenstil benennen Vollständiger HTML+CSS-Code des Falls<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>指定对象内table设置样式</title>
<style>
.p{ width:400px}
.p table{ background:#CCC; color:#F00}
.p table td{ background:#FFF}
</style>
</head>
<body>
<p class="p">
<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>
</p>
</body>
</html>Zusammenfassung Das Obige spezifiziert die Tabelle und td durch das übergeordnete Element, um den CSS-Stil festzulegen. Verwenden Sie das Tabellenlayout an mehreren Stellen, indem Sie eine separate ID oder Klasse für die Tabelle festlegen Wenn Sie zu diesem Zeitpunkt den Stil direkt auf dem Tabellen-Tag festlegen, wird das Tabellenlayout in der Die Webseite wird zu diesem Zeitpunkt eingerichtet. Zu diesem Zeitpunkt müssen Sie der Tabelle nur ID- oder Klasseneinstellungen hinzufügen, um die Tabelleneinstellungen zu unterscheiden, die CSS-Stile erfordern. CSS für Tabellen-td festlegen Im Tabellen-Weblayout ist es im Allgemeinen erforderlich, Stile für td festzulegen, z. B. das Festlegen der Zeilenhöhe, des Abstands usw. für td, die alle wirksam sind. Der fertige HTML+CSS-Code lautet wie folgt: <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>指定对象内table td设置样式</title>
<style>
.p-td{ width:400px}
.p-td table td{ background:#CCC; color:#000; line-height:40px}
</style>
</head>
<body>
<p class="p-td">
<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>
</p>
</body>
</html>Legen Sie den Stileffekt für das td in der angegebenen Tabelle fest Das Obige wird per CSS festgelegt der td-Stil der Tabelle im angegebenen Objekt. Abweichendes Denken: Wenn Sie unterschiedliche CSS-Stile für ein bestimmtes Tabellen-TD festlegen möchten, können Sie dem TD Klassen hinzufügen, um unterschiedliche Stileinstellungen zu erreichen. Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Verwandte Lektüre:
So machen Sie DIV zu einer adaptiven Höhe
So verwenden Sie CSS, um den Textinhalt des auszublenden Bildhintergrund
Gemeinsame Möglichkeiten, native JS zu organisieren
Das obige ist der detaillierte Inhalt vonWorauf sollten Sie beim Festlegen von Tabellen-CSS-Stilen achten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Wohin sollte 'Podcast' -Link abonnieren?Apr 16, 2025 pm 12:04 PMFür eine Weile war iTunes der große Hund im Podcasting. Wenn Sie also "Abonnieren Sie Podcast" verlinkt haben, um zu mögen:
Browser -MotorvielfaltApr 16, 2025 pm 12:02 PMWir haben die Oper verloren, als sie 2013 Chrome gingen. Gleiches Geschäft mit Edge, als es Anfang dieses Jahres auch Chrome ging. Mike Taylor nannte diese Veränderungen a "abnehmend
UX -Überlegungen zur WebfreigabeApr 16, 2025 am 11:59 AMVon trashigen Clickbait -Websites bis hin zu den meisten August der Veröffentlichungen sind die Teilen von Schaltflächen seit langem im gesamten Web allgegenwärtig. Und doch ist es wohl diese diese
Wöchentliche Plattformnachrichten: Apple bereitet Webkomponenten, progressives HTML-Rendering, selbsthosting kritische Ressourcen bereitApr 16, 2025 am 11:55 AMIn der Roundup der Woche geht Apple in Webkomponenten, wie Instagram Insta-Loading-Skripte und einige Lebensmittel für das Denken für selbsthosting kritische Ressourcen sind.
Git pathspecs und wie man sie benutztApr 16, 2025 am 11:53 AMAls ich die Dokumentation von Git -Befehlen durchschaut hatte, bemerkte ich, dass viele von ihnen eine Option hatten. Ich dachte anfangs, dass dies nur ein war
Ein Farbwähler für ProduktbilderApr 16, 2025 am 11:49 AMKlingt ein bisschen wie ein schweres Problem. Ist es nicht? Wir haben oft keine Produktaufnahmen in Tausenden von Farben, sodass wir das mit dem mit umdrehen können. Wir auch nicht
Ein dunkler Modus wechselt mit React und ThemeProviderApr 16, 2025 am 11:46 AMIch mag es, wenn Websites eine dunkle Modusoption haben. Der dunkle Modus erleichtert mir das Lesen von Webseiten und hilft meinen Augen, sich entspannter zu fühlen. Viele Websites, einschließlich
Einige praktisch mit dem HTML-DialogelementApr 16, 2025 am 11:33 AMIch schaue mir das HTML -Element zum ersten Mal an. Ich habe es für eine Weile dessen bewusst, aber Haven ' Es wurde es noch nicht für einen Dreh genommen. Es hat einige ziemlich cool und
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
SAP NetWeaver Server-Adapter für Eclipse
Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.
Sicherer Prüfungsbrowser
Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.
Herunterladen der Mac-Version des Atom-Editors
Der beliebteste Open-Source-Editor
Dreamweaver CS6
Visuelle Webentwicklungstools
Dreamweaver Mac
Visuelle Webentwicklungstools
