邊框和背景:為元素應(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)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答