CSSを使用してブラウザの境界線の間隔を削除する方法-CSSチュートリアル-php.cn

CSSを使用してブラウザの境界線の間隔を削除する方法

WBOY

リリース： 2021-12-09 09:26:51

オリジナル

2397 人が閲覧しました

CSS では、「*」セレクターと margin 属性を使用して、要素とブラウザーの間の境界線の間隔を削除できます。「*」セレクターは、すべての要素を選択してスタイルを設定し、margin 属性を使用します。 margin 属性の場合は、margin 属性の値を 0 に設定するだけでよく、構文は「*{margin:0px;}」です。

CSSを使用してブラウザの境界線の間隔を削除する方法

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css でブラウザの境界線の間隔を削除する方法

CSS では、「*」セレクターと margin 属性を使用して要素を削除し、ブラウザデバイスの境界線の間隔。

## セレクターはすべての要素を選択します。 * セレクターは、別の要素内のすべての要素を選択することもできます。

margin 省略表記属性は、1 つのステートメントですべてのマージン属性を設定します。

例は次のとおりです。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
    *{
      margin:0px;
    }
  div{
    width:200px;
    height:200px;
    background:pink;
  }
  </style>
</head>
<body>
  <div></div>
</body>
</html>

ログイン後にコピー

上記の例の場合、「margin:0px」は要素 ;" スタイルに追加されていない場合、出力結果は次のようになります:

CSSを使用してブラウザの境界線の間隔を削除する方法