So entfernen Sie den Schaltflächenrand mit CSS

Die Möglichkeit, den Rahmen einer Schaltfläche in CSS zu entfernen, besteht darin, der Schaltfläche das Attribut „border-style“ hinzuzufügen und den Attributwert auf „none“ zu setzen. Die Eigenschaft „border-style“ wird speziell zum Festlegen des Rahmenstils verwendet, und „none“ bedeutet „kein Rahmen“.

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

css stellt uns das Attribut border-style zur Verfügung, mit dem der Stil aller Ränder eines Elements oder der Rahmenstil für jede Seite einzeln festgelegt werden kann.

Hinweis: Der Rahmen wird möglicherweise nur angezeigt, wenn dieser Wert nicht „Keine“ ist.

Attributwert:

• none Definieren Sie keinen Rahmen.

• hidden ist dasselbe wie „none“. Außer bei Anwendung auf Tabellen, bei denen „hidden“ zur Lösung von Randkonflikten verwendet wird.

• dotted Gepunkteten Rand definieren. Wird in den meisten Browsern als durchgezogene Linie dargestellt.

• dashed definiert die gestrichelte Linie. Wird in den meisten Browsern als durchgezogene Linie dargestellt.

• solid Definiert eine durchgezogene Linie.​

Ein kleines Beispiel:

Laufeffekt:

Sie können sehen, dass der Rand der Schaltfläche entfernt wurde.

Verwandte Video-Tutorial-Freigabe: CSS-Video-Tutorial

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