Button. Schreiben Sie dann den Stil in .button{} in CSS. Die Hauptelemente sind Rahmen, Farbe usw."/> Button. Schreiben Sie dann den Stil in .button{} in CSS. Die Hauptelemente sind Rahmen, Farbe usw.">

Heim >Web-Frontend >CSS-Tutorial >So legen Sie den Schaltflächenstil mit CSS fest

So legen Sie den Schaltflächenstil mit CSS fest

little bottle
little bottleOriginal
2019-05-21 15:35:459688Durchsuche

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.

So legen Sie den Schaltflächenstil mit CSS fest

1. Schaltfläche (ohne Stil)

<button>默认按钮</button>

So legen Sie den Schaltflächenstil mit CSS fest

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;
   }

So legen Sie den Schaltflächenstil mit CSS fest

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn