首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。
创新互联专注于呼图壁网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供呼图壁营销型网站建设，呼图壁网站制作、呼图壁网页设计、呼图壁网站官网定制、重庆小程序开发服务，打造呼图壁网络公司原创品牌,更为您提供呼图壁网站排名全网营销落地服务。
border-radius：4px；这就是设置圆角的。不过ie7 ie8不兼容。如果是移动端开发，你就可以放心使用了。
用css样式为html元素设置圆角框是利用border-radius属性实现的。
定义和用法 border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。
CSS3里面 这个是圆角属性，但是最主流的IE浏览器都不认识，所以LZ还是放弃吧。处理圆角一般采用两种方式 一个是PS切圆角，然后作为背景图片放到页面中。第二个就是采用一个累计效果，也可以定义出圆角。
无图片的圆角框，复制以下代码，储存为“border.html”直接运行即可。
用图片拼的话直接切张图片就可以了嘛，切个圆角图。
用css样式为html元素设置圆角框是利用border-radius属性实现的。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img { border-radius： 20px}。浏览器运行index.html页面，此时页面插入的图片会自动显示圆角20px的。
CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。
首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。
灵活的圆角 为了能让圆角更加灵活，我们可以把容器里的每个圆角都做成一个独立的元素，通过CSS强行定位到父容器的四个角上。在这个方法里，我们只需要用到右 边这个图片。