溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下Css邊框和背景代碼有哪些的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
邊框和背景：為元素應用邊框
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
其他樣式(表格,列表,透明度,光標)
以上就是“Css邊框和背景代碼有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
