邊框和背景：為元素應(yīng)用邊框

border-width:邊框?qū)挾?o:p>

border-style:邊框樣式

none沒有邊框

dashed虛線

solied實(shí)線

double雙線

groove槽線

dotted圓點(diǎn)線邊框

inset內(nèi)嵌 outset外凸

ridge 脊線邊框

bolder-color:邊框顏色

簡寫形式border:width style color 沒有先后順序

單獨(dú)設(shè)置某一條邊框

border-top/bottom/left/right-width/style/color

簡寫形式:border-top{width,style,color}

應(yīng)用圓角邊框(x半徑,y半徑,xy相同時(shí)寫一個(gè)就好了)

border-top/bottom-left/right-radius

簡寫:border-radius

設(shè)置元素背景

background-color:背景顏色

background-image:{url("")} 背景圖片地址

background-repeat:背景圖重復(fù)方式,一般no-repeat

background-size:背景圖尺寸

background-position:背景圖位置

簡寫:background:color image repeat position,尺寸不寫,會(huì)沖突

創(chuàng)建盒子陰影

box-shadow:水平偏移量 垂直偏移量 模糊值 陰影的延伸半徑 陰影顏色 10px 10px 5px 0px red;

添加多個(gè)陰影,直接第一個(gè)之后用逗號(hào)繼續(xù)寫第二個(gè),第一個(gè)設(shè)置成整數(shù),第二個(gè)陰影設(shè)置成負(fù)數(shù)

設(shè)置輪廓

邊框和輪廓的區(qū)別：輪廓不屬于頁面，不會(huì)因?yàn)閼?yīng)用輪廓而調(diào)整頁面的布局

邊框占有實(shí)際大小,輪廓不占有

當(dāng)設(shè)置hover懸停時(shí),輪廓修飾的div不會(huì)發(fā)生位移,邊框修飾時(shí)位移

outline-color:輪廓顏色

outline-style:輪廓樣式

outline-width:輪廓寬度

outline-offset:輪廓距元素邊框偏移量

簡寫: outline

其他樣式(表格,列表,透明度,光標(biāo))

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。