Button. Écrivez ensuite le style dans .button{} en CSS. Les principaux éléments sont la bordure, la couleur, etc."/> Button. Écrivez ensuite le style dans .button{} en CSS. Les principaux éléments sont la bordure, la couleur, etc.">

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
little bottleoriginal
2019-05-21 15:35:459706parcourir

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>

Comment définir le style des boutons avec CSS

2.

Code HTML :

<button class="button">按钮</button>

Partie CSS :

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

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!

Déclaration:
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