So schreiben Sie einen CSS-Rahmen um ein Bild

Mit Cascading Style Sheets können Sie das HTML-Layout und die Anzeigeeigenschaften wie Positionierung, Farbe und Ränder ändern. Das HTML Tag wird verwendet, um ein Bild auf einer Webseite anzuzeigen, und enthält ein Attribut „Rahmen“, mit dem Sie den Rahmen ein- und ausschalten sowie die Breite des Rahmens festlegen können. Vielleicht erstellen Sie eine Marketing-Seite mit Specials und möchten, dass der Bildrahmen auf eine andere Art und Weise angezeigt wird als der grundlegende Website-Stil der Firma. Verwenden Sie CSS, um den Randstil für ein bestimmtes Bild zu ändern.

1

Starten Sie einen HTML- oder Texteditor und öffnen Sie die Webseite. Suchen Sie das Tag für das Bild, dem Sie den Rahmen hinzufügen möchten.

2

Fügen Sie das CSS-Stilattribut ein, um mit der Stiländerung zu beginnen ( ). Fügen Sie die Eigenschaft "border" ein, um die Randqualitäten wie Breite, Typ und Farbe zu ändern. Das folgende Bild ist mit einer dicken roten gestrichelten Linie dargestellt. Die Attribute können in beliebiger Reihenfolge sein.

3.

Ändern Sie die Randparameter wie gewünscht. Die Randstärke kann dick, mittel oder dünn sein oder einen Pixelwert wie „6px“ haben. Sie können zwischen verschiedenen Randtypen wählen, einschließlich doppelter, durchgezogener oder gestrichelter. Die Farbe kann auch auf verschiedene Weise angezeigt werden: Hex (# ffcc00), RGB (RGB (255, 0, 0)) oder Farbname (Blau).

4

Speichern Sie die Seite und öffnen Sie sie in einem Webbrowser, um die Anzeigeänderung anzuzeigen.