学做网站培训课程介绍

当前位置:

如何让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中的图片为圆角图片。

新手必知知识

发表评论

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

相关教程

  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 不是作业 但是找了下版块 不知道发那里 貌似只有这里特别合适。之所以决定自己写CSS 是由于看了建站课程里的DIV+CSS课程,为记忆CSS而作出的决定;另外
  • 很多细心的学员发现学做网站论坛的导航的背景图片每个角都是圆形的,而不是普通的直角,这就是由于我们在写DIV+CSS样式时,将网站导航的DIV的边框设置
  • 部分学员在做网站时,给网站添加轮播图后,却发现轮播图存在一个黑色的边框,即使用使用boder=0这个属性也去不掉这个边框。首先我们在制作网
  • 论坛老师好,我不是你们的学员,但请教你们一个问题,我想做一个按钮,左边二个角是圆角,右边二个角是直角,请问怎么写出这样的效果呢?麻烦论坛
  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一