Wie lege ich das HTML5-Rahmenattribut fest? Einführung in das Border-Attribut in der HTML5-Tabelle-H5-Tutorial-php.cn

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;

Wie lege ich das HTML5-Rahmenattribut fest? Einführung in das Border-Attribut in der HTML5-Tabelle

Attributwert des HTML5-Rahmenattributs:

Wie lege ich das HTML5-Rahmenattribut fest? Einführung in das Border-Attribut in der HTML5-Tabelle

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}

Normalerweise können wir drei Eigenschaften und Parameter für den Rahmen festlegen: Breite (Dicke), Rahmenstil und Rahmenfarbe.

1) Randfarbe: border-color: #000

2) Randstärke (Breite): border-width:1px

Verwenden 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:solid

Die 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)
durchgezogen: durchgezogener Rand (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

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:

<table border="1">
  <tr>
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>1000 元</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>1500 元</td>
  </tr>
</table>

Nach dem Login kopieren

[Verwandt Empfehlungen 】

Was bedeutet das HTML-Area-Tag? Detaillierte Erläuterung der Verwendung des HTML-Bereichs-Tags

Wie verwende ich das HTML5-Quell-Tag? Einführung in HTML5-Quell-Tag-Attribute

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!

Verwandte Etiketten：

border css html5

Quelle：php.cn

Vorheriger Artikel：Einführung in die Verwendung und Attribute des Keygen-Tags, eines neuen Formularelements in htm5 Nächster Artikel：Codebeispiele für die Implementierung häufig verwendeter interaktiver Elemente in HTML5

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