ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップで境界線の色を div に設定する方法

ブートストラップで境界線の色を div に設定する方法

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼オリジナル
2019-07-17 13:45:109488ブラウズ

ブートストラップで境界線の色を div に設定する方法

#ブートストラップで div の境界線の色を設定するにはどうすればよいですか?

境界線の設定方法:

1.

border:1px solid red;

2.

border-width:1px;边框的粗细
border-style: solid;边框的风格
border-color: red;边框的颜色

3.

border-left:1px solid red;
border-right:1px solid blue;
border-top:1px solid green;
border-bottom:1px dotted grey;

関連する推奨事項: 「

bootstrap 入門チュートリアル

線/境界線のスタイル:

none: スタイルなし。点線: 点線; 破線: 点線; 実線: 実線;

double: 二重線; 溝: 溝線; リッジ: 稜線; インセット: 凹; アウトセット: 凸

div{padding:20px;width:10px;background:red;color:#fff}

(パディングとマージンの違い: ボックスに幅と高さがない場合、パディングはボックスの幅と高さに重ねることができますが、ボックスにコンテンツがない限りマージンは重ねることができません)

実際の幅ボックス = 独自の幅、左マージン、右マージン 左境界線、右境界線;

ボックスの実際の高さ = 独自の高さ、上マージン、下マージン、上境界線、下境界線;

例:

<div style ="border:solid 1px red;  "></div>

以上がブートストラップで境界線の色を div に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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