css設定div元素邊框不顯示

邊框不顯示的原因可能多種，下面介紹的原因是可能會發生在初學者身上。

程式碼如下:

[CSS] 純文字檢視 複製程式碼
#thediv{  
  border-style:solid;
  border-width:5px;</font>
  width:100px;
  height:100px;
}

上面的程式碼是要設定div的邊框，但是沒有看到邊框的效果，這是因為忘記了設定邊框顏色了，預設狀態下，邊框是透明的。

程式碼修改如下:

[CSS] 純文字檢視 複製程式碼
#thediv{  border-style:solid;
  border-width:5px;
  border-color:red;
  width:100px;
  height:100px;
}

當然比較推薦複合寫法，程式碼如下:

[CSS] 純文字檢視 複製程式碼
#thediv{
  border:5px solid red;
  width:100px;
  height:100px;
}