Wie implementiert man ein CSS-Schaltflächenhintergrundbild? (Codebeispiel)

Wie implementiert man ein CSS-Schaltflächenhintergrundbild? Ich glaube, dass viele Freunde, die gerade mit CSS in Kontakt gekommen sind, solche Fragen haben werden. In diesem Kapitel erfahren Sie, wie Sie Hintergrundbilder für CSS-Schaltflächen implementieren. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Viele Leute verwenden beim Absenden eines Formulars gerne ein Bild als Absendeschaltfläche. Die meisten Leute verwenden möglicherweise JS, um das Absenden des Formulars durchzuführen, d. h. wenn der Benutzer darauf klickt Das Bild wird verwendet, um das Formular zu senden. Tatsächlich gibt es eine andere Möglichkeit, den Bildhintergrund der SENDEN-Schaltfläche festzulegen direkt in der Schaltfläche, wie folgt:

<input type="submit" name="submit_button" value="" style="background:url(imagepath) no-repeat" />

Diese Einstellungsmethode ist unter FF sichtbar, aber nicht unter IE. Wie auch immer, sie war unter IE nicht sichtbar Ich habe es getestet. Es funktioniert nicht, wenn ich es wie folgt ändere:

Eine andere Methode besteht darin, es mit CSS festzulegen. Die Implementierungsmethode ist wie folgt:

<style type="text/css">
    .submitStyle {background:url(imagpath);border:0px}
</style>

Das Obige ist eine vollständige Einführung in die Realisierung des CSS-Button-Hintergrundbilds. Wenn Sie mehr überCSS3-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie implementiert man ein CSS-Schaltflächenhintergrundbild? (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!