首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。
创新互联建站是一家专注于网站建设、网站制作与策划设计,卢氏网站建设哪家好?创新互联建站做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:卢氏等地区。卢氏做网站价格咨询:13518219792
用css样式为html元素设置圆角框是利用border-radius属性实现的。
CSS2，在除了IE之外的浏览器里可以实现。
border-radius：4px；这就是设置圆角的。不过ie7 ie8不兼容。如果是移动端开发，你就可以放心使用了。
首先，打开html编辑器，新建html文件，例如：index.html。
首先选定一张需要转圆角的图片，通过改变圆角的数值大小，下方会显示照片转换效果的实时预览，默认生成的图片圆角为60px大小。可以通过多选框单独选择图片需要被转换成圆角的角，默认是图片的四个角都会被转换成圆角。
打开图片，依次选择【选框工具】-【矩形选框工具】。全选矩形照片。依次点击【选择】-【修改】-【平滑】。
首先选定一张照片，通过改变圆角大小的数值，下方会显示照片转换效果的实时预览，默认生成的圆角为60px。图片预览显示的是转换后的缩略图，而下载时候是转换生成的原始大小和原始清晰度的图片。
首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。
CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。
利用阴影属性，也可以实现外边框的效果：当我们再为它添加一个 outline （轮廓），就会发现它实现了-边框内圆角：关于为什么会这样： outline的描边并不会跟着圆角走，因此显示为直角。
border-radius：5px 5px 0 0； 这样。用的border-radius属性。这个属性是css3，应该在IE9以上。老版本IE似乎不支持。
CSS3里面 这个是圆角属性，但是最主流的IE浏览器都不认识，所以LZ还是放弃吧。处理圆角一般采用两种方式 一个是PS切圆角，然后作为背景图片放到页面中。第二个就是采用一个累计效果，也可以定义出圆角。
用css样式为html元素设置圆角框是利用border-radius属性实现的。
