検索

ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを使用してボタンに色付きの境界線を追加するにはどうすればよいですか?

CSSを使用してボタンに色付きの境界線を追加するにはどうすればよいですか?

WBOY
WBOY転載
2023-08-27 10:17:02696ブラウズ

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

色付きの境界線を追加するには、CSS の境界線プロパティを使用します。

例

次のコードを実行して、色付きの境界線を追加してみてください。

リアルタイム デモンストレーション

<!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>

以上がCSSを使用してボタンに色付きの境界線を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

css border
声明：
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
前の記事：CSS @import 使用法: ルール次の記事：CSS @import 使用法: ルール

関連記事

続きを見る