图片制作圆角框

    固定宽度圆角框

       顶部圆角图片应用于div的第一个子元素顶部，底部圆角图片应用于div框的底部

    自适应高度的固定宽度圆角框

        div有一个重复的背景，将顶部圆角图片应用于div的第一个子元素，底部圆角图片应用于最后一个子元素的底部

    自适应高度的固定宽度圆角框

       将圆角框的四个角与四个元素相对应，每个元素放置图片的的位置要与大盒子的角重合。使用百分数设置框宽度，根据浏览器窗口尺寸进行扩展和伸缩。

CSS代码边框

border: border-width border-style border-color

borderstyle: none/ hidden/ solide/ dotted/ dashed/ double/ groove（3D 凹槽边框）/ ridge（3D 垄状边框）/ inset（inset 边框）/ outset（inset 边框）/ inhere

               3D边框取决于border-color border-color: 边框颜色

border-width: 边框宽 可以分别设置top 、right、bottom、left

border-*-radius：边框圆角 box-shadow: h-shadow（水平阴影） v-shadow（垂直阴影） blur（模糊距离） spread（阴影尺寸） color （阴影颜色）inset（将外部阴影改为内部阴影）;