Ouvrez un éditeur de texte tel que Dreamweaver ou BBEdit (voir Ressources) et de créer un fichier HTML. Insérez un formulaire HTML, y compris au moins une entrée de type ="texte". Créez un fichier de feuille de style et nommez- "main.css."
Créer une classe CSS pour les zones de texte d'entrée. Donnez-lui un nom qui est proche de ce que ce sera le style comme "zones de texte." Ce nom de la classe va résider dans votre fichier de feuille de style et tiendra la définition du style pour vos zones de texte.
Définir les attributs de votre classe CSS. Voici des exemples d'attributs spécifiques que vous pourriez avoir à définir:
border: 1px solid # 000000;
font-size: 14px;
color: # 333333;
padding: 5px 5px 5px 5px;
background: url ("images / myinputbox.jpg") 0 0 no-repeat;
width: 300px;
position: relative;
float: left;
Modification de l'attribut de la frontière est la plus importante à l'évolution de tout attribut de saisie de texte. Qui est habituellement ce qui détermine l'observation autour de la zone de texte. Réglage de rembourrage vous permet de déterminer la quantité d'espace (en pixels) de l'intérieur de la zone de texte. Taille de la police et de la couleur vous permettent de déterminer la taille et la couleur du texte de la zone de saisie. Ajout d'un arrière-plan vous permet de personnaliser votre boîte de saisie de texte pour suivre la conception de votre site web.
Ajoutez la classe que vous avez créé à une entrée de texte que vous souhaitez stylé. Suivez ce format:
Utilisez la même classe pour chaque zone de saisie de texte de sorte que le même style sera appliqué de manière égale sur toutes les boîtes de saisie de texte.
Insérez votre fichier de feuille de style dans votre fichier HTML dans le
tag. Suivez ce format:Ouvrez votre fichier HTML dans un navigateur Web et afficher la boîte d'entrée (s) que vous avez créé. Réviser un fichier de style que nécessaire pour obtenir le look désiré et se sentir.