Wie lege ich das HTML5-Rahmenattribut fest? Einführung in das Border-Attribut in der HTML5-Tabelle
寻∝梦
Freigeben： 2018-08-18 13:30:52
Original
22672 Leute haben es durchsucht
Wie lege ich das HTML5-Rahmenattribut fest? Die Einführung in das Randattribut in der HTML5-Tabelle finden Sie hier. In diesem Artikel werden hauptsächlich die Definition und Verwendung des HTML5-Randattributs in CSS-Stilen sowie eine Einführung in das Randattribut in der HTML5-Tabelle erläutert
html5 Die Definition und Verwendung des Border-Attributs im CSS-Stil:
border shorthand attribute legt alle Border-Attribute in einer Anweisung fest.
Sie können die folgenden Attribute der Reihe nach festlegen:
Rahmenbreite
Rahmenstil
Rahmenfarbe
Wenn Sie Legen Sie keinen davon fest. Ein bestimmter Wert verursacht keine Probleme, z. B. border:solid #ff0000;
Attributwert des HTML5-Rahmenattributs:
CSS-Rahmen wird zum Festlegen von HTML verwendet Elemente (z. B. div) rahmen, einschließlich Breite, Farbe und Stil des Rahmens. In diesem Artikel werden Programmierern die Details der CSS-Rahmeneigenschaft vorgestellt.
CSS-Rahmen ist CSS-Rahmen, Rahmenstilfarbe, Rahmenstil, Rahmenbreite, Syntaxstruktur und Anwendungsfall-Tutorial
1. Grundlagen des CSS-Rahmens
CSS-Rahmen ist der CSS-Rahmen, der die Breite, Farbe, gestrichelte Linie, durchgezogene Linie und andere CSS-Stileigenschaften des Objektrahmens steuert. Gleichzeitig können Sie das vom Codierer bereitgestellte CSS-Handbuch eingeben, um den Rand anzuzeigen.
2. Vergleich von HTML-Originalrahmen und CSS-Rahmen
Html-Tabellensteuerrahmen:
border="1" bordercolor="#000000"
Nach dem Login kopieren
Beschreibung: Steuern Sie die Tabellenrahmenbreite auf 1 Pixel, Die CSS-Farbe ist Schwarz und die Standardeinstellung ist ein einfarbiger Rahmen.
3. Randsyntax
1. Vier Ränder
border-left legt den linken Rand fest Um den rechten Randstil separat festzulegen, verwenden Sie im Allgemeinen
border-top, um den oberen Randstil festzulegen Verwenden Sie separat
border-bottom, um den unteren Rand festzulegen. Wird im Allgemeinen verwendet, um den unteren Randstil separat festzulegen. Manchmal kann der untere Randstil als CSS-Unterstreichungseffekt angewendet werden.
Die Abkürzung für Grenze mit dem gleichen Rand auf vier Seiten
#manong{border:1px solid #00F}
3
Normalerweise können wir drei Eigenschaften und Parameter für den Rahmen festlegen: Breite (Dicke), Rahmenstil und Rahmenfarbe. 1) Randfarbe: border-color: #0002) Randstärke (Breite): border-width:1pxVerwenden Sie Zahl + Einheit, um den Rand festzulegen B. 1 Pixel (Rahmendicke und -breite betragen 1 Pixel), der Rahmen muss eine positive Zahl sein, ein Wert größer als 0. Andernfalls ist die Einstellung des Rahmenstils ungültig. 3) Rahmenrandstil: border-style:solidDie Rahmenstilwerte lauten wie folgt: none: Kein Rand. Unabhängig von einem angegebenen Randbreitenwert
hidden : Blendet den Rand aus. IE unterstützt nicht
gepunktete Linien: IE4+ auf der MAC-Plattform und IE5.5+ auf den WINDOWS- und UNIX-Plattformen sind gepunktete Linien. Ansonsten ist es eine durchgezogene Linie (häufig verwendet)
gestrichelt: IE4+ auf der MAC-Plattform und IE5.5+ auf der WINDOWS- und UNIX-Plattform sind gepunktete Linien. Ansonsten durchgezogene Linie (häufig verwendet)
doppelt: doppelter Rand. Die Summe zweier Einzellinien und ihrer Abstände entspricht dem angegebenen Randbreitenwert
Groove: Zeichnen Sie eine 3D-Rille entsprechend dem Wert von Randfarbe
Grat: Zeichnen Sie einen Diamantrand entsprechend dem Wert von border-color
Einsatz: Zeichnen Sie eine 3D-konkave Kante entsprechend dem Wert von border-color
Anfang: Gemäß dem Wert von border-color wird eine konvexe 3D-Kante gezeichnet
CSS-Randzusammenfassung:
Wir verwenden CSS, um den Rahmenstil festzulegen. Im Allgemeinen verwenden wir Abkürzungen. Der Ausdruck legt den Rahmenstil des Objekts fest, wodurch Code gespart und die Codefunktion vereinfacht wird. Unabhängig davon, ob ein einzelner Rahmen oder ein vierseitiger Rahmen festgelegt wird, versuchen wir, den CSS-Rahmencode abzukürzen. Dies ist die Abkürzung für CSS-Rahmenoptimierung. Häufig verwendete Attributcodes zum Festlegen von CSS-Stilen für Objekte sind: border:1px solid #000;.
Definition und Verwendung des Randattributs des HTML-Tags
:
Das Randattribut gibt die Breite des Rahmens um die Tabelle an. Die Eigenschaft
border wendet einen Rahmen auf jede Zelle an und umgibt die Tabelle mit einem Rahmen. Wenn sich der Wert der Eigenschaft border ändert, ändert sich nur die Größe des Rahmens um die Tabelle. Der innere Rand der Tabelle ist 1 Pixel breit. Tipp: Setzen Sie border="0", um die Tabelle ohne Rahmen anzuzeigen. Aus praktischer Sicht ist es am besten, keinen Rahmen anzugeben, sondern CSS zu verwenden, um Rahmenstil und -farbe hinzuzufügen.
Die Syntax des HTML5-Randattributs:
<body border="value">
Nach dem Login kopieren
Der Attributwert des HTML5-Randattributs:
Pixel: Geben Sie die Breite des Tabellenrahmens an.
HTML 5 Rahmenattribut-Beispiel:
Die folgende HTML-Tabelle zeigt einen Rahmen um die Tabellenzellen an:
Das obige ist der detaillierte Inhalt vonWie lege ich das HTML5-Rahmenattribut fest? Einführung in das Border-Attribut in der HTML5-Tabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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
