您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關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;
線/邊框的樣式:
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設置邊框顏色的方法就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。