背景相关属性:
background-origin:;背景原点(起始位置)
border-box
padding-box
content-box
background-clip:;背景裁剪
border-box
padding-box
content-box
background-size:水平大小 垂直大小;背景图大小
px %
cover contain
注: background:url(),url();设置多个背景
图片边框:
border-image:url("图片路径") 图片向内偏移量 图片的填充方式;
border-image-source:url("图片地址");
border-image-slice:垂直偏移量 水平偏移量;
border-image-repeat:;
repeat 从中间向两边平铺
round 从一边到另一边铺满
stretch 拉伸
圆角:
一组值:
border-radius:左上 右上 右下 左下;
border-radius:左上 右上左下 右下;
border-radius:左上右下 右上左下;
border-radius:四个角一样的大小;
两组值:
border-radius:一组值/第二组值;
正圆: 元素是正方形,圆角的半径是元素宽度的一半
椭圆: 元素是长方形,半径是 50%