网页设计中，怎么让DIV的边框的4个角呈圆角形
答案:3 悬赏:70
解决时间 2021-03-03 10:51
- 提问者网友：逐野
- 2021-03-02 10:38
DIV的边框四个角成圆角形，并且整个DIV呈透明状
最佳答案
- 二级知识专家网友：放肆的依賴
- 2021-03-02 11:23
怎么能让一个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{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中的图片为圆角图片。
全部回答
- 1楼网友：狠傷凤凰
- 2021-03-02 12:37
可以使用 <table cellspacing=0 cellpadding=0> <tbody> <tr> <td>jquery corners - jquery圆角插件</td></tr></tbody></table> <p>下载与使用示例： <a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fdev.qkweb.net%2fjs%2fjquery%2fcorner%2f" target="_blank">http://dev.qkweb.net/js/jquery/corner/</a></p> <p> </p>
- 2楼网友：悲观垃圾
- 2021-03-02 12:30
代码：
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中的图片为圆角图片。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯