suchen

Heim  >  Artikel  >  Web-Frontend  >  Wie füge ich einer Schaltfläche mithilfe von CSS einen farbigen Rahmen hinzu?

Wie füge ich einer Schaltfläche mithilfe von CSS einen farbigen Rahmen hinzu?

WBOY
WBOYnach vorne
2023-08-27 10:17:02695Durchsuche

如何使用 CSS 为按钮添加彩色边框？

Um einen farbigen Rahmen hinzuzufügen, verwenden Sie die CSS-Rahmeneigenschaft.

Beispiel

Sie können versuchen, den folgenden Code auszuführen, um einen farbigen Rahmen hinzuzufügen.

Live-Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         .button {
            background-color: yellow;
            color: black;
            text-align: center;
            font-size: 15px;
            padding: 20px;
            border-radius: 15px;
            border: 3px dashed blue;
         }
      </style>
   </head>
   <body>
      <h2>Result</h2>
      <p>Click below for result:</p>
      <button class = "button">Result</button>
   </body>
</html>

Das obige ist der detaillierte Inhalt vonWie füge ich einer Schaltfläche mithilfe von CSS einen farbigen Rahmen hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css border
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Verwendung von CSS @import: RegelnNächster Artikel：Verwendung von CSS @import: Regeln

In Verbindung stehende Artikel

Mehr sehen