bootstrap如何為div設定邊框顏色

爱喝马黛茶的安东尼
發布: 2019-07-17 13:45:10
原創
9372 人瀏覽過

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不行,除非盒子有內容)

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

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

例如:

登入後複製

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!