Div border 不顯示的原因

2022-09-02 01:48:07 字數 1208 閱讀 4458

<

div

style

=" border: 10px;

border-style: solid;

height: 100px;

width: 200px;

margin: auto;

color: rgb(0, 255, 214);

background-color: rgb(14, 196, 241);

">

div>

顯示如下:

其中:border-style缺少則border不顯示。

<

div

style

=" border: 10px;

height: 100px;

width: 200px;

margin: auto;

color: rgb(0, 255, 214);

background-color: rgb(14, 196, 241);

">

div>

顯示如下:

原因:因為border-style 的預設值是:not specified(未指定)。

所以想要顯示border就要指定border-style的值。值描述

none

定義無邊框。

hidden

與 "none" 相同。不過應用於表時除外,對於表,hidden 用於解決邊框衝突。

dotted

定義點狀邊框。在大多數瀏覽器中呈現為實線。

dashed

定義虛線。在大多數瀏覽器中呈現為實線。

solid

定義實線。

double

定義雙線。雙線的寬度等於 border-width 的值。

groove

定義 3d 凹槽邊框。其效果取決於 border-color 的值。

ridge

定義 3d 壟狀邊框。其效果取決於 border-color 的值。

inset

定義 3d inset 邊框。其效果取決於 border-color 的值。

outset

定義 3d outset 邊框。其效果取決於 border-color 的值。

inherit

規定應該從父元素繼承邊框樣式。

參考:css border-style 屬性

css樣式li不顯示的原因

用了overflow hidden 會影響 list style,即當ul 中的li 的overflow 為hidden的時候,list style不起作用,不顯示前面的點 圈等樣式。解決辦法 在ul或li內加入樣式 list style position inside 即可。注意適當調節paddi...

DedeCms不顯示驗證碼的原因總結

驗證碼不顯示問題 通常解決方案是取消後台驗證碼功能 開啟data safe inc.safe.config.php把 中的 safe gdopen 1,2,3,4,5,6,7 中的6,刪除即可。一般驗證碼出不來,可能原因是 驗證碼需要gd庫,請檢查你的環境是否開啟gd庫。或者開啟驗證碼生成檔案inc...

div顯示和不顯示 當幾列資料 中顯示或不顯示

都知道用div控制顯示或不顯示 顯示測試 div的style display block 是顯示,即 document.getelementbyid divtest style.display block style display none 是不顯示.即 document.getelementby...