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

WBOY

リリース： 2023-08-27 10:17:02

転載

707 人が閲覧しました

如何使用 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 サイトの他の関連記事を参照してください。

ソース：tutorialspoint.com

前の記事：CSS @import 使用法: ルール次の記事：分度器を使用して要素の CSS プロパティをテストするにはどうすればよいですか?

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事