CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSでボタンのパディングを変更する

ボタンのパディングを変更するには、パディングを使用します プロパティ。

次のコードを実行して、ボタンのパディングを変更してみてください

例

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

  1. CSSのマージンとパディング—違いは何ですか？

    CSSのマージンとパディングの違いについて学びます。 マージンとパディング 最短の定義から始めましょう： マージン HTML要素の境界線の外側にスペースを追加します パディング HTML要素の境界線の内側にスペースを追加します HTML要素にマージンまたはパディングを適用すると、次のように要素に異なる影響を与えます。 上記の概念図を念頭に置いて、この知識を実際のHTML要素に適用してみましょう。 上記は単純な 内の要素 容器。 ボタンには次のものがあります： 24pxの余白。ボタンの周囲にスペースを追加し、ボタンを内側に配置する親要素の境界から押し出します。 4

  2. CSSでプレースホルダー属性の色を変更するにはどうすればよいですか？

    CSSでプレースホルダー属性の色を変更するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, s