Css邊框和背景代碼有哪些

今天小編給大家分享一下Css邊框和背景代碼有哪些的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

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

border-width:邊框?qū)挾?span lang="EN-US" style="font-size:14.0pt;font-family:宋體;mso-hansi-font-family:Calibri; mso-bidi-font-family:宋體">

border-style:邊框樣式

none沒有邊框

dashed虛線

solied實線

double雙線

groove槽線

dotted圓點線邊框

inset內(nèi)嵌 outset外凸

ridge 脊線邊框

bolder-color:邊框顏色

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

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

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

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

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

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,尺寸不寫,會沖突

創(chuàng)建盒子陰影

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

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

設(shè)置輪廓

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

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

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

outline-color:輪廓顏色

outline-style:輪廓樣式

outline-width:輪廓寬度

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

簡寫: outline

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

以上就是“Css邊框和背景代碼有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。