ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS_html/css_WEB-ITnose のマージンについて

CSS_html/css_WEB-ITnose のマージンについて

WBOY
リリース: 2016-06-24 11:54:52
オリジナル
1167 人が閲覧しました


余白に枠線を設定する順序は上、右、下、左です

rree

use with use using ‐ ‐ ‐ ‐ ‐wardly

マージンに 3 つの値が指定されている場合、 4 番目の値 (左マージン) は 2 番目の値 (右マージン) からコピーされます。 2 つの値が指定された場合、4 番目の値は 2 番目の値からコピーされ、3 番目の値 (下マージン) は 1 番目の値 (上マージン) からコピーされます。最後のケースでは、値が 1 つだけ指定されている場合、他の 3 つのマージンはこの値 (上部マージン) からコピーされます。

マージンを負の値に設定します


(以下はインターネットからコピーした画像です)



マージンを負の移動効果に設定します。

以下は DIV センタリングの例です

Div 設定のセンタリング効果を紹介します: まず、絶対レイアウトまたは固定方法で Div を「中央」に設定します。 ここでのセンタリングとは、高さと幅が設定されることだけを意味します。次に、DIV の幅と高さの 1/2 を計算し、最後に margin-top と margin-left を 2 番目のステップの値の負の数に設定します。

最初のステップ:

{margin:top right buttom right}
ログイン後にコピー
2 番目のステップ:

{  margin-top: 20px;  margin-right: 30px;  margin-bottom: 30px;  margin-left: 20px;  }
ログイン後にコピー

概要: 1 .システムが負のマージンに設定されている要素の負の特性マージンを表示する方法。要素自体は変化しないので、要素の親が逆方向に動くことで効果が得られます(個人的な意見です)。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート