邊界和邊框

2022-05-12 16:53:31 字數 1611 閱讀 6366

"

width:100px; height:100px; background-color:#f00; margin:10px

">

"width:100px; height:100px; background-color:#f00;margin:10px

">

上面**:margin表示的是表外間距,顯示:

"

width:50px; height:50px; background-color:#f00; padding:25px 25px 25px 25px

">

"width:50px; height:50px; background-color:#00f

">

上面**:padding表示的是內容與單元格之間的間距(當用padding時,寬高要減去設定的padding值;不然**就是比原來的大,大出的數值就是設定的padding值)

顯示:用div布置網頁是首先要給網頁的margin和padding清零並居中(寫在head裡面)auto是居中。

"

width:100px; height:75px; background-color:#f00; padding-top:25px; border-width:5px; border-color:#0f0; border-style:solid

">

"width:50px; height:50px; background-color:#00f;

">

上面**:邊框border,屬性有border-width     border-style      border-color      border-top /bottom /left /right

顯示:

"

width:100px; height:75px; background-color:#f00; padding-top:25px; border:10px outset #000

">

"width:50px; height:50px; background-color:#00f;

">

顯示:

"

width:200px; height:200px; background-color:#f00;border:10px outset #000; margin-top:50px

">

"width:100px; height:100px; background-color:#00f; margin:30px; border:20px solid #000000

">

顯示:

,當有邊框的時候,設定margin值要減掉邊框的寬。

"

width:0px; height:0px;margin-top:100px; border-bottom:100px solid #0f0; border-top:100px solid #f00; border-left:100px solid #00c; border-right:100px solid #ff0

">

上面**當div中寬高都是0邊框不等於0時,顯示

15 CSS邊框與邊界

屬性名稱 屬性值說明 border style none 不顯示邊線 預設 dotted 點線dashed 虛線solid 實線double 雙線border width 長度邊框寬度 border corlor 十六進製制 邊框顏色 英文名稱 邊框顏色 三原色邊框顏色 可依序設定上,右,下,左邊框...

小貝學習CSS邊框與邊界

css邊框與邊界 1 css 邊框屬性 css邊框屬性允許你指定乙個元素邊框的樣式和顏色。1.1 邊框樣式 邊框樣式屬性指定要顯示什麼樣的邊界。remark border style屬性用來定義邊框的樣式 1.2 邊框寬度 您可以通過 border width 屬性為邊框指定寬度。為邊框指定寬度有兩...

CSS控制邊界 邊框與外輪廓

一 css控制邊界 1 內邊距 padding 內邊距也叫內填充 padding bottom 長度 百分比 元件下端邊線的空隙 padding left 長度 百分比 元件左端邊線的空隙 padding right 長度 百分比 元件右端邊線的空隙 padding top 長度 百分比 元件上端邊...