zone de texte CSS et effet d'embellissement des boutons code_Experience Exchange

1. Jetons d’abord un coup d’œil aux vraies couleurs des boutons et des zones de texte qui apparaissent souvent sur les pages Web !


D'après l'image ci-dessus, comment pouvons-nous modifier l'apparence de la zone de texte et du bouton ? Ci-dessous, je vais vous fournir deux styles de zone de texte et de bouton à titre d'exemple. Le premier est que la zone de texte et le bouton n'ont pas d'effet tridimensionnel, mais ont uniquement une couleur de ligne et une couleur de remplissage. Vous avez peut-être vu cet effet sur de nombreux sites Web. Cependant, cela donne aux gens un sentiment spécial, ce qui est très bien. Le deuxième effet est plus spécial. Il fait ressembler la zone de texte à un soulignement et est colorée en même temps. gris, mais il est coloré. On peut dire que c'est un effet très cool. D'accord, laissez-moi parler des étapes détaillées pour obtenir ces deux effets.

2. Zones de texte et boutons sans effets tridimensionnels

Ensuite, nous prendrons l'opération d'édition de la page Web dans DW3 comme exemple pour illustrer. nous avons déjà édité la page Web, l'objet de formulaire correspondant y est inséré, par exemple en insérant une zone de texte et un bouton. À ce moment, nous appuyons sur la touche [F10] pour afficher la fenêtre d'édition du code source de la page Web. modifiez les balises et