网页制作CSS圆角代码，不带有图片

不带有图片~

答案：不用图片的圆角就是css3了，先看代码
.round-angel {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}
标准的css属性是border-radius，值是圆角的半径。对于支持css3的浏览器只写这一句就够了。
但是firefox，chrome等浏览器在w3c将圆角加入css3标准之前已经实现这项特性，分别用的属性是-moz-border-radius和 -webkit-border-radius，所以加上前两句可以兼容更早版本的moz内核和webkit内核的浏览器。
这种写法的缺点是IE8，IE7，IE6-包括其他IE内核的浏览器，都不支持border-radius属性也没有可替代的微软专用属性，圆角无法实现。

总结：如果圆角对你的设计很重要，建议你仍然使用经典的滑动门技术。

其他：
嗯，现在兼容的做法是使用圆角的图片，根据情况是否使用滑动门，或九宫格的处理方法。

或者使用css3，这样支持的就圆角，不支持的浏览器采用方形。不一定一模一样，不应该功能就行了。 不用图片需要很长的代码，我就不给你复制一遍了，百度一搜就有的事。 建议不要用CSS3  现在CSS3才有圆角代码。但是IE6不支持 

上一个：CSS如何设置自适应宽度自动换行
下一个：css中float的用法举例