边框
1.边框阴影:
语法:box-shadow:属性值;
属性值:x-offset(右)
y-offset(下)
blur模糊区域
spread扩展区域
color
inset向内
或者简写:box-shadow:0px 0px 0px 0 #ccc inset;
水平方向(正值为右)垂直方向(正值为下)模糊度 放大 颜色 在里/外
2.边框图片
语法:border-image
(1)边框图片资源border-image-source:url().默认会将图片显示在边框的四个角
(2)边框图片的裁剪 border-image-slice(0 0 0 0上右下左)
(3)边框图片的宽度,默认为边框宽度。border-image-width(一般不写)
(4)边框图片的平铺border-image-repeat 属性值:stretch拉伸(默认) repeat重复 round缩放后的重复
(5)边框图片向外延伸 border-image-outset(不能为负值) 。