图片制作圆角框
固定宽度圆角框
顶部圆角图片应用于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（将外部阴影改为内部阴影）;
原文：http://www.cnblogs.com/microcosm/p/6536182.html