零基础建站培训教程介绍

当前位置:

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

很多细心的学员发现学做网站论坛的导航的背景图片每个角都是圆形的,而不是普通的直角,这就是由于我们在写DIV+CSS样式时,将网站导航的DIV的边框设置为圆角。
如何让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中的图片为圆角图片。

新手必知知识

发表评论

电子邮件地址不会被公开。 必填项已用*标注

学做网站论坛零基础学建网站课程