首頁 >web前端 >Bootstrap教程 >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中文網其他相關文章!