如何让DIV边框为圆角 图片直角变圆角

很多细心的学员发现学做网站论坛的导航的背景图片每个角都是圆形的，而不是普通的直角，这就是由于我们在写DIV+CSS样式时，将网站导航的DIV的边框设置为圆角。

怎么能让一个DIV或者一个图片的四角为圆形呢？其实并不需要我们去把每个角都剪切掉，而只需要设置每个解的圆狐度即可。

案例代码：

div{border-radius:5px?5px?0?0;}

设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角

border-radius:3px 4px 5px 6px

代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。

.box2?img{border-radius:5px}

设置DIV中的图片为圆角图片。

新手必知知识：

• CSS中Class与ID的使用规范
• 建网站时网页CSS常用字体设置方法
• 如何用css3画三角形和一个圆形

标签： 代码 建网站

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。