Please enable JavaScript.
Coggle requires JavaScript to display documents.
background (CSS2 (background-color (颜色名:red/blue, rgb(255,0,0),…
background
CSS2
background-repeat
no-repeat
repeat-y
repeat-x
repeat
background-attachment
fixed(背景图片固定)
scroll(背景图片随页面滚动)
background-image
default: none
<url>相对地址或绝对地址
从padding左上角到border右下角
background-position
<length>
[left|center|right][,top|center|bottom]
<percentage>
background-color
颜色名:red/blue
rgb(255,0,0)
默认值：transparent(透明色)
hls(0,100%,50%)
rgb(100%,0%,0%)
/#ff0000
rgba(255,0,0,1)-CSS
从元素border左上角到右下角
CSS3
background-clip(确定背景裁剪区域)
padding-box背景从padding区域向外裁剪
content-box背景从content区域向外裁剪
border-box:default背景从border区域向外裁剪
background-origin(主要解决背景图片的定位原点)
border-box/border
从padding外边缘显示背景图片
content-box/content
从content外边缘(padding)内边缘显示背景图片
padding-box/padding
默认值，从padding外边缘(border内边缘)显示背景图片
background-size:(图片在背景中的大小)
<percentage>
0%~100%任意值，只能应用于块级元素，根据所在元素宽度百分比计算
cover
将图片放大，以合适方式铺满整个容器；图片会失真
<length>
设置具体值，改变图片大小
contain
将图片缩小，以合适方式铺满整个容器；图片也会失真
auto:default
保持图片原始高度和宽度
background-size取一个值时，第二个值为auto，与第一个值相同
layout
content-box内容区
padding-box内边距
border-box边框
margin-box外边距