So legen Sie den Schaltflächenstil mit CSS fest

Auf vielen Websites werden praktische Schaltflächen benötigt. Eine gut aussehende und praktische CSS-Schaltfläche kann nicht nur Besuchern ein Gefühl von Schönheit vermitteln, sondern auch Entwicklern helfen. Unten finden Sie eine reine CSS-Schaltfläche, auf die Sie bei Bedarf zugreifen können.

1. Schaltfläche (ohne Stil)

<button>默认按钮</button>

2

HTML-Code:

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

CSS-Teil:

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

Auf diese Weise können Sie einen Button mit Stil erstellen. Ist das nicht ganz einfach? ?

Das obige ist der detaillierte Inhalt vonSo legen Sie den Schaltflächenstil mit CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!