css怎么设置图片圆角

css设置图片 圆 角的方法：首先打开相应的代码文件；然后通过在<style>标签内添加代码如“-moz-border-radius:10px;- webkit -border-radius:10px;”来设置图片圆角即可。

本文操作环境：windows7系统、HT ML 5 && CSS3版、Dell G3 电 脑。

CSS3圆角只需设置一个属性：border-radius（含义是"边框 半 径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比 等等 。

代码实例：border-radius: 15px;

1、把下列代码添加进入你的<style>标签内

2、清空缓存，看看效果吧（部分IE版本可能不支持）

预览

总结

这是个很实用的方法，可以让图片看起来更「精巧」一些

【推荐学习：css视频教程】

以上就是css怎么设置图片圆角的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 css怎么设置图片圆角 全部内容，希望文章能够帮你解决 css怎么设置图片圆角 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css怎么设置图片圆角的详细内容...