圆角矩形的话一般分为三种：
第一种宽度固定高度不定的情况。
固定宽度圆角＝ 圆角顶部＋内容＋圆角底部
第二种固定高度宽度不定的情况。
固定高度圆角 ＝ 圆角左边＋内容＋圆角右边
第三种宽度不定，高度不定的情况
自适应圆角 ＝ 顶部圆角左上角＋顶部圆角右上角＋内容＋底部左侧圆角＋底部右侧圆角
制作简单圆角的方法有很多，大多是有背景图片来替代最终的效果。
网上这样的代码有非常多，如果你只是随便复制下，下次如果修改会很麻烦的。建议最好能多学一点基础的css。
另外如果客户不是对圆角要求的不是非常高的话，用直角也是可以的，不过最好记得页面的整体效果保持一致。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div{width: 300pxheight: 150pxborder: 3px solid blueborder-radius: 0 0 30px 30pxbox-shadow: 0 7px 7px -7px #5E5E5E}
3、浏览器运行index.html页面，此时实现了div只有底部有圆角和阴影效果。
