Was ist der HTML-Code, wenn ich einen Rahmen um einen Text Wort setzen wollen?

Cascading Stylesheets erleichtert die Grenzen für Elemente auf HTML-Seiten aus großen Blöcken des Typs hinunter einzelne Wörter gelten. Um einen Rahmen um ein Wort im Text zu setzen, verwenden Sie die Tags < Span > das Wort für einen Inlinestil zu definieren und dann verwenden Sie Grenze Attribute, um das Aussehen zu geben, was, das Sie wollen.

Der Code

Starten von einschließenden das Wort, das Sie in ein paar < Span > Tags hervorheben möchten. In diesem Beispiel werden wir das Wort "Grenze" verwenden:

Es gibt ein < Span > border < / span > um eines dieser Worte.

Fügen Sie nun eine grundlegende Rahmenart, dem Starttag < Span >:

Es gibt eine < span Style = "Grenze: 1px solid schwarz;" > border < / span > um eines dieser Worte.

Speichern Sie die Datei und öffnen Sie es in einem Webbrowser. Sie sehen eine kleine Blackbox rund um das Wort "Grenze."

Attribute

Peppen Sie Ihre Grenze mit Attributen. HTML-Grenzen haben drei Attribute: Breite, Farbe und Stil. Breite einstellbar auf eine genaue Anzahl von Pixeln, oder einfach als "dünn", "Mittel" oder "Dick." Farbe kann als RGB-Wert, ein hexadezimaler Wert oder eine der 16 Web-standard-Farben (Aqua, schwarz, blau, Fuchsia, grau, grün, Kalk, Kastanienbraun, Marine, Olive, lila, rot, Silber, Mint, weiß, und gelb) ausgedrückt werden. Rahmenoptionen Stil sind solide, gepunktete, gestrichelte und Doppelzimmer sowie vier Stile, geben einen 3D-Effekt: Groove, Ridge, Inset und Anfang an.

Die drei Attribute können angewendet werden, mithilfe der "Grenze"-Eigenschaft, wie in Abschnitt 1 gezeigt. Um einen 4-Pixel, rot gestrichelten Rahmen zu erhalten, würden Sie beispielsweise den Stil als festlegen:

Es gibt eine < span Style = "Grenze: 4px rot gestrichelt;" > border < / span > um eines dieser Worte.

Die drei Attribute können in beliebiger Reihenfolge aufgeführt werden; Sie müssen nur alle kommen nach dem Doppelpunkt und vor dem Semikolon. Legen Sie nicht Kommas oder jede andere Satzzeichen dazwischen.

Teilweise Grenzen

Verwenden Sie teilweise Grenzen, um das Erscheinungsbild Ihrer Website. Jeder Rahmen hat vier Seiten: oben, unten, Links und rechts. Sie können die Attribute des jede Seite einzeln über die Grenze-Top, Grenze-unten, linke Grenze und Grenze rechts Eigenschaften festlegen. Z. B. nehmen wir an, dass Sie einen Rahmen aus Abschnitt 2 leuchtet grün auf der Unterseite aber überall sonst gestrichelten roten sein möchten. Sie möchte nur eine Border-Bottom-Eigenschaft hinzufügen:

Es gibt eine < span Style = "Grenze: 4px rot gestrichelt; Grenze-Boden: 4px solid grün; " > border < / span > um eines dieser Worte.

Beim Ändern von Grenzen auf diese Weise immer beginnen mit der vollständigen Rahmenstil, dann Anwenden von Attributen auf den einzelnen Seiten.