ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSを使用してブラウザの境界線の間隔を削除する方法
CSS では、「*」セレクターと margin 属性を使用して、要素とブラウザーの間の境界線の間隔を削除できます。「*」セレクターは、すべての要素を選択してスタイルを設定し、margin 属性を使用します。 margin 属性の場合は、margin 属性の値を 0 に設定するだけでよく、構文は「*{margin:0px;}」です。
このチュートリアルの動作環境: 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 ビデオ チュートリアル)
以上がCSSを使用してブラウザの境界線の間隔を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。