邊框和背景：為元素應用邊框

border-width:邊框寬度

border-style:邊框樣式

none沒有邊框

dashed虛線

solied實線

double雙線

groove槽線

dotted圓點線邊框

inset內嵌 outset外凸

ridge 脊線邊框

bolder-color:邊框顏色

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

單獨設置某一條邊框

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

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

應用圓角邊框(x半徑,y半徑,xy相同時寫一個就好了)

border-top/bottom-left/right-radius

簡寫:border-radius

設置元素背景

background-color:背景顏色

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

background-repeat:背景圖重復方式,一般no-repeat

background-size:背景圖尺寸

background-position:背景圖位置

簡寫:background:color image repeat position,尺寸不寫,會沖突

創建盒子陰影

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

添加多個陰影,直接第一個之后用逗號繼續寫第二個,第一個設置成整數,第二個陰影設置成負數

設置輪廓

邊框和輪廓的區別：輪廓不屬于頁面，不會因為應用輪廓而調整頁面的布局

邊框占有實際大小,輪廓不占有

當設置hover懸停時,輪廓修飾的div不會發生位移,邊框修飾時位移

outline-color:輪廓顏色

outline-style:輪廓樣式

outline-width:輪廓寬度

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

簡寫: outline

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

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。