Wie man ein IMG zu CSS-Code umwandelt

Verwandeln Sie die Art und Weise, die ein Hintergrundbild auf einer Webseite mithilfe von CSS-Code anstatt standard-HTML-Code und die < Img >-Tag angezeigt wird. CSS-Code, der für "cascading Stylesheet" steht, können Sie weitere Attribute der Darstellung des Bildes innerhalb der Seite der gewöhnlichen HTML-Code angeben. Mithilfe von "Inline" CSS im HTML-Dokument selbst beseitigen Sie benötigen, um die tatsächlichen CSS "Stylesheet" Datei der Website bearbeiten.

Anweisungen

1 Melden Sie Ihre Website "Dateimanager" und navigieren Sie zum Verzeichnis "Images". Klicken Sie auf "Hochladen" und Durchsuchen Sie Ihre Festplatte für das Bild als Hintergrund für die Seite verwenden möchten. Klicken Sie auf "Öffnen" und warten Sie, bis der Uploads abgeschlossen.

2 Zurück zu "Home" der Datei-Manager-Verzeichnis und markieren Sie das Kästchen neben dem Namen der Seite an, an der Sie das Bild einfügen möchten. Klicken Sie auf "Bearbeiten", um HTML-Code der Seite in einem HTML-Editor zu öffnen.

3 Scrollen Sie zum Punkt auf der Seite, wo Sie möchten Fügen Sie das Bild und fügen den folgenden Code:

< Typ style = "Text/Css" >

Hintergrund {} background-image: url(images/backgroundimage.jpg); background-repeat: no-repeat; background-position: center top; padding-top:100px; margin-bottom:32px;

}< / style >

Ersetzen Sie "backgroundimage.jpg" durch den tatsächlichen Namen der Datei, die Sie hochgeladen. Löschen Sie, "keine-" Wenn Sie das Bild wollen zu wiederholen oder Ändern der Position - weitere Optionen "Links," "rechts" und "unten"--des Bildes auf der Seite sind. Die Abstand oder zum Rand Zahlen erhöhen oder verringern Abstand um das Bild zu ändern.

4 Speichern Sie die HTML-Datei und zeigen Sie die Seite in einem neuen Tab oder Fenster zu bestätigen, dass die von Ihnen vorgenommenen Änderungen nach Ihren Wünschen werden.