這篇文章主要介紹“DIV CSS邊框寬度怎么設置”，在日常操作中，相信很多人在DIV CSS邊框寬度怎么設置問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”DIV CSS邊框寬度怎么設置”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創新互聯2013年至今，是專業互聯網技術服務公司，擁有項目做網站、成都網站制作網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元荔波做網站,已為上家服務,為荔波各地企業和個人服務,聯系電話:13518219792

一、CSS樣式與語法 

邊框樣式單詞：border

css邊框語法
1、border-left:1px solid #000 設置對象左邊1px實線黑色邊框
2、border-right:1px solid #000 設置對象右邊1px實線黑色邊框
3、border-top:1px solid #000 設置對象上邊1px實線黑色邊框
4、border-bottom:1px solid #000 設置對象底邊1px實線黑色邊框
5、border:1px solid #000 設置對象四邊1px實線黑色邊框

二、邊框寬度如何設置 

我們在border樣式的值里使用具體數字+單位即可設置邊框寬度情況。如果不設置這一參數，只設置其它參數值，邊框將為0，也就是無邊框顯示（邊框設置失敗）。

小試牛刀：
.div1{border:1px solid #000}/* 設置對象".div1"邊框寬度為1px */
對應HTML代碼部分應用：

.diva{border:2px solid #000}/* 設置對象".diva"邊框寬度為2px */
對應HTML代碼部分應用：

.div2{border:3px solid #000}/* 設置對象".div2"邊框寬度為3px */
對應HTML代碼部分應用：

三、HTML DIV邊框寬度實踐實例 

我們設置3個DIV盒子，分別CSS 命名為“.div1”、“.div2”、“.div3”,為了觀察效果，我們設置相同CSS高度、CSS寬度，邊框分別設置第一個盒子邊框為2px實線，第二個盒子邊框為虛線4px，第三個盒子邊框為實線8px。均為紅色CSS邊框。

1、完整HTML源代碼如下：

        我被設置邊框寬度2px實線邊框