css3背景属性

标签：单位   contain   htm   比例   相对   设置   覆盖   圆角   amp   

（一）背景属性

1）Background-origin 背景原点（背景的起始点yoush）Background-origin 背景原点（背景的起始点you）Background-origin 背景原点（背景的起始点yoush）Background-origin 背景原点（背景的起始点1）Background-origin 背景原点（背景的起始点yoush）Background-origin 背景原点（背景的起始点you）Background-origin 背景原点（背景的起始点yoush）Background-origin 背景原点（背景的起始点）
	属性值
		padding-box	背景图像填充框的相对位置（默认值）
		border-box	背景图像边界框的相对位置
		content-box	背景图像的相对位置的内容框
2）Background-clip 背景裁切（背景显示的区域）
	属性值
		border-box	背景被裁剪到边框盒。（默认值）
		padding-box	背景被裁剪到内边距框。
		content-box	背景被裁剪到内容框。
3）Background-size 背景图的大小
	属性值  ：  宽       高 
			  10px    10px
			  100%    100%
		cover
			把背景图像扩展至足够大，以使背景图像完全覆盖背景区域（宽高等比扩展）
		contain
			宽高比例不变，当背景的宽或高达到最大尺寸时停止。
4)多背景图的设置
        多背景图的设置：background：url（），url（）
        以逗号隔开，不能与背景颜色一起简写

（二）图片边框

图片边框
	border-image 属性是一个简写属性，用于设置以下属性:
		border-image-source	路径。
		border-image-slice	图片边框向内偏移(不加单位)。
		border-image-repeat	图像边框是否应平铺(repeat)、铺满(round)或拉伸(stretch)
		border-image-outset	边框图像区域超出边框的量(值是一个倍数)

（三）CSS圆角

border-radius：
				一个值：四周
				二个值：左上&右下   右上&左下
				三个值：左上  右上&左下  右下
				四个值：左上  右上  右下  左下
				八个值：水平/垂直（先写水平位置，再写垂直位置，顺序和四个值时相同）

css3背景属性

标签：单位   contain   htm   比例   相对   设置   覆盖   圆角   amp   

原文地址：https://www.cnblogs.com/cupid10/p/12694969.html