Maison > interface Web > tutoriel CSS > Comment définir le style des boutons avec CSS

Comment définir le style des boutons avec CSS

little bottle
Libérer: 2019-05-21 15:36:14
original
9681 Les gens l'ont consulté

Dans de nombreux sites Web, des boutons pratiques sont nécessaires. Un bouton CSS beau et pratique peut non seulement donner aux visiteurs une impression de beauté, mais aussi faciliter les développeurs. Ci-dessous se trouve un bouton CSS pur, vous pouvez vous y référer si vous en avez besoin.

Comment définir le style des boutons avec CSS

1. Bouton bouton (sans style)

<button>默认按钮</button>
Copier après la connexion

Comment définir le style des boutons avec CSS

2.

Code HTML :

<button class="button">按钮</button>
Copier après la connexion

Partie CSS :

.button {
       background-color: #4CAF50;
       border: none;
       color: white;
       padding: 15px 32px;
       text-align: center;
       font-size: 16px;
       cursor: pointer;
   }
Copier après la connexion

Comment définir le style des boutons avec CSS

De cette façon, vous pouvez créer un bouton avec style. N'est-ce pas très simple. ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal