1. 程式人生 > >css背景和邊框,瞭解一下

css背景和邊框,瞭解一下

這裡寫圖片描述

css圓角邊框

border-radius

表格border-collapse屬性為separate,表格圓角才能正常顯示

背景屬性

background-color
background-image
background-repeat 展示方式
background-attachment 固定還是滾動 scroll fixed
background-position 背景圖片位置

background-origin 繪製背景圖片的起點

  • padding-box 從padding的外邊緣border的內邊緣開始顯示背景圖片
  • border-box 從border的外邊緣開始顯示背景圖片
  • contend-box

background-clip 指定背景圖片的尺寸大小
background-break 指定 內聯元素的背景圖片進行平鋪時的迴圈方式

  • bounding-box 背景影象在整個內聯元素中進行平鋪
  • each-box 背景影象在行內中進行平鋪
  • continuous 下一行的背景影象緊接著上一行中的影象繼續平鋪

background-size
- auto
- percentage 百分比
- cover 背景圖片放大填充了整個元素div
- contain 按比例縮放

cover製作全屏背背景