css背景 邊框

2021-07-25 05:06:20 字數 960 閱讀 9252

border-style:dotted;邊框線虛線

border-width: 6px;邊框線的寬度

background-repeat:no-repeat;不重複 填充背景必須要加上高度跟寬度 不然不顯示

background-repeat:repeat-x;水平方向填充

background-repeat:repeat-y;豎直方向填充

background-position:center center; 背景水平居中  right/left 

background:#f00 url() no-repeat[rɪ'piːt] center;簡寫 寫**最好是簡寫 .

background-size 拉伸

background-color 背景顏色

background-position: 0px -200px;

2.邊框(四邊 上下左右) top bottom left right

邊框的顏色:終極合併border:1px solid #666666; 合併更加優化 border-top:1px solid #f00; 

分開寫:

border-top-width:1px;    

border-top-color:#foo;

border-top-style:solid;

邊框的粗細 1px/2px/3px/4px

實線:solid;

點線:dotted;

雙實線:double;

虛線:dashed;[dæʃt]

3.行內元素(span a i b ),塊狀元素

(div p)

span 在同一行顯示,寬度跟高度不起作用  

display:inline-block 水平方向排列

display:block; 轉化為塊狀元素(豎直方向排列) //換行會有空格

dispaly:none;隱藏起來 js呼叫常用到

CSS 背景 邊框

單個屬性 background color 背景顏色 background image 背景位址 background repeat 是否平鋪 background position 背景位置 background attachment 背景固定還是滾動 背景的合寫 符合屬性 background ...

CSS邊框和背景

1 邊框線條樣式 none 沒有邊框 dashed 破折線邊框 dotted 圓點線邊框 double 雙線邊框 groove 槽線邊框 inset 使元素內容具有內嵌效果的邊框 outset 使元素內容具有外凸效果的邊框 ridge 脊線邊框 solid 實線邊框 2 圓角邊框樣式 border ...

CSS3邊框背景

邊框背景 border image 邊框背景主要是用來給元素邊框新增背景影象,本質是用一張來修飾邊框背景,看下圖效果 用左邊來完成右邊的效果 先看一下邊框背景的引數 border image image boeder width 引數可寫1 4個 填充方式 stretch repeat round ...