首頁 >web前端 >Bootstrap教程 >bootstrap如何為div設定邊框顏色

bootstrap如何為div設定邊框顏色

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼原創
2019-07-17 13:45:109549瀏覽

bootstrap如何為div設定邊框顏色

bootstrap如何為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:無樣式;dotted :點線;dashed:虛線;solid:實線;

double:雙線;groove:槽線;ridge:脊線;inset:內凹;outset:外凸

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

(padding和margin的區別:當盒子沒有寬高時padding可以疊加到盒子的寬高中,而margin不行,除非盒子有內容)

盒子正真的寬度=本身的寬度左邊距右邊距左邊框右邊框;

盒子正真的高度=本身的高度上邊距下邊距上邊框下邊框;

例如: 

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

以上是bootstrap如何為div設定邊框顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn