Wie sieht eine HTML-Schaltfläche ändern

Sie können die Art und Weise ändern, sieht eine HTML-Schaltfläche über cascading Stylesheets (CSS) oder indem Sie ein eigenes Bild die Schaltfläche ersetzen. Dies ist hilfreich, wenn Sie die Taste abheben oder nur um ihm Ihren eigenen Stil und Aussehen machen möchten. Über die Schaltfläche "HTML" wird häufig als Senden-Schaltfläche für Formulare auf einer Web-Seite. Seien Sie vorsichtig, wenn Sie CSS-Code hinzufügen, da es manchmal anders, auf verschiedenen Web-Browsern anzeigt, insbesondere ältere Versionen.

Anweisungen

1 Öffnen Sie Ihre HTML-Quellcode-Datei in einem Texteditor wie Windows Notepad.

2 Fügen Sie den Code "Typ ="image"und" zu den "< Input >-Tag für Ihre Formularschaltfläche die Standardschaltfläche HTML mit Ihrem eigenen Image-Datei zu ersetzen. Beispielsweise "< Eingang Typ ="Bild"Name ="submit"Abschnitt Ihrer HTML-Datei, wenn Sie nur die Standard-HTML-Schaltfläche Allgemeines Erscheinungsbild ändern möchten. Einige Attribute, die Sie ändern können, sind der Schaltfläche Hintergrundfarbe, Schriftgröße, Abstand und Schriftbreite. Beispielsweise "< Kopf >< Stil Typ =" Text/Css"> #mybutton {Hintergrund-Farbe: gelb; Polsterung: 30px;} < / style >< / Kopf >".

4 Fügen Sie Ihr Stylesheet als "Id ="Mystyle"" innerhalb des "< input >" Tags, wo Ihre Formularschaltfläche sich in der HTML-Datei befindet. Beispielsweise "< Eingang Typ ="submit"Id ="Mybutton"Value ="Suche!"/ >" machen Ihren Button eine gelbe Hintergrundfarbe und eine verstärkte Polsterung.

5 Speichern Sie die HTML-Datei.