Ouvrez le fichier de code source de votre formulaire dans Notepad ou un autre éditeur de texte ou HTML.
Créer une feuille de style en tapant le texte suivant dans le
section du fichier directement sous la ligne: Dites à votre feuille de style que vous allez être la création d'un style pour le bouton avec la classe "mon-bouton" par l'insertion, dans la suite entre les deux
input.my bouton {}
Pour que cela fonctionne exactement, vous avez eu à déclarer la "mon-bouton" classe à l'intérieur sur le bouton soumettre. Vous pouvez utiliser un nom de classe que vous veux- "mon-bouton" est juste un exemple.
Personnalisez votre bouton d'entrée en déclarant les règles à l'intérieur des accolades, se terminant chaque règle avec un point-virgule. Pour commencer, changer la largeur et la hauteur du bouton en utilisant le "largeur" et "hauteur" les attributs:
input.my bouton {
largeur: 200px;
hauteur: 100px;
}
Changez la couleur du bouton en utilisant le "Couleur de fond" attribut, et la couleur du texte avec le "couleur" attribut:
background-color: noir
couleur: jaune;
Changer la frontière du bouton avec le "frontière" attribuer. A l'intérieur de la frontière attribuer vous pouvez déclarer la largeur de la bordure en pixels, de type - pointillé, pointillés, etc. --et couleur:
border: 4px pointillé jaune;
Changer le look de la police à l'aide des attributs tels que la "taille de police," "text-transform," et "famille de polices" les attributs:
font-size: 30px;
font-family: Trebuchet MS
text-transform: uppercase;
Utiliser une image d'arrière-plan avec le "image de fond" attribuer. Enregistrez l'image sur votre bureau comme button.jpg. Débarrassez-vous de la "Couleur de fond" la valeur et ensemble "frontière" à 0 au sein de votre fichier de code source:
background-image: url ('button.jpg') -
border: 0;