CSS如何怎麼設定div邊框顏色寬度和高度

1樓：沙雕動態圖

1、新建一個html檔案，建立一個類名為wrap的div。

2、先通過css類選擇器選擇到div來控制div的寬度和高度和背景顏色（沒有邊框時方便看出來div的大小）。

3、通過div 的border屬性控制邊框顏色，設定border的寬度為2px，線型為實線，顏色為藍色。

4、這樣就可以設定div邊框顏色寬度和高度，如下圖：

2樓：飛喵某

2、然後甚至divv的樣式，這裡div邊框的寬度和高度是隨著div的大小變動的，所以只要設定div的邊框就可以了，至於顏色可以使用border-color屬性設定。最後給div設定字型大小和一個背景色方便看效果：

3、最後開啟瀏覽器，就可以看到設定好的div邊框了。以上就是css如何設定div邊框顏色寬度和高度的方法：

3樓：

邊框顏色可以用「border-color」屬性設定，邊框寬度可以用「width」屬性設定，邊框高度可以用「height」屬性設定。

1、新建html文件，在body標籤中新增div標籤，為這個標籤新增一個類，類名這裡以「demo」為例：

2、為「demo」類新增「border-color」屬性，屬性值為邊框的顏色，這時div邊框就被新增上了顏色：

3、為「demo」類新增「width」和「height」屬性，屬性值為寬度和高度的大小，這時div的寬度和高度就被設定好了：

4樓：不是小號

1.首先，您需要建立一個div,對div進行新增一個class。我們利用css通過class來設定div的邊框。

2.建立一個用於設定邊框的css檔案，對於您實際開發中，將邊框新增到您的css檔案中即可。

3.在css檔案中設定div的邊框，首先我們可以先給div一個寬度與高度。

4.得到了寬度與高度後，如果我們沒有邊框，是看不到樣式的。如果您的div中有內容，那麼只是顯示那些內容而已。

5.接下來，新增一個border邊框。

6.我們將邊框設定為1px.如果只是設定了寬度而沒有設定顏色與具體的顯示樣式的話，邊框並不會顯示，您現在可以重新整理一下您的頁面看一下，新增了border:

1px後是否顯示，答案是肯定不顯示的，因為我們引數沒有寫完整。

8.最後一個引數是顯示樣式，您可以選擇不同的樣式來進行顯示，我們這裡使用的是實線的方式來實現。

9.如果您使用的是一些專門用來做前端開發的軟體，您輸入後，會有一些提示，您如果選擇不同樣式來試一試看。

10.新增了上述的三個屬性後，您的div邊框即可顯示出來了。

5樓：看清就看輕

css的border屬性可以設定邊框的粗細、樣式和顏色，

而邊框的寬度和高度取決於div的寬度和高度，div

上面css**設定div寬度200px，高度100px，邊框為1px寬的紅色實線

同行可以插入兩個div的用float 就可以了邊框顏色就在css裡面加border:1px solid #999999 不就行了！

層疊樣式表(英文全稱：cascading style sheets)是一種用來表現html或xml等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

css 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。

css為html標記語言提供了一種樣式描述，定義了其中元素的顯示方式。css在web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。