web前端：圆角、边框、背景全

边框

1. 圆角

   • border-radius

2. 盒阴影

   • box-shadow：5px 5px 10px #0000;

   • 阴影水平偏移量、垂直偏移量、模糊程度、颜色

3. 边界图片

   • border：15px solid transparent ；

   • border-image：url（） 填充图片每个的宽 高 round；

   • round：图像平铺边框

   • stretch：图像拉伸填充边框

圆角

1. border-radius属性

   • border-radius：左上角、右上角、右下角、左下角；

   • border-radius：左上角、右上+左下角、右下角；

   • border-radius：左上+右下角、右上+左下角；

2. 椭圆圆角

   • border-radius：50px/15px；椭圆的宽/椭圆的高

   • border-radius：50/15 px；同上效果大不同

3. 圆形

   • border-radius：50%；

背景