这种图的上面两边是圆角怎么切呢用css打出来？求高手打出代码让我学习下

发布网友发布时间：2022-05-15 14:32

共4个回答

热心网友时间：2023-10-28 00:39

<div id="round"></div>
#round {
    padding:10px; width:300px; height:50px;
    border: 5px solid #dedede;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
}

支持上下左右，直角的部分，可以设置为0
border-radius:15px 15px 0 0; 在火狐下正常显示

追问有没有那种什么浏览器都支持的 css做法的

追答后面都有备注的，当然css3在ie下支持效果最差，ie10可以完全支持。

热心网友时间：2023-10-28 00:39

直接切一个包含圆角的方形图形。
然后背景颜色设置成圆角外面的颜色即可。

这个又不要求透明，没有那么复杂。

热心网友时间：2023-10-28 00:40

上面可以用图片http://qz.qq.com/349042351/home/的日志里有圆角框，把下面的圆角去掉就可以了

热心网友时间：2023-10-28 00:40

如果只是用纯代码的话， border-radius:5px 5px 0px 0px;就是圆角代码，不过IE好像是不兼容这个样式的，最好的方法就是用图片来做，你可以把那一行做成3段来弄，我直接上传示例好了

给你写了2个效果一模一样的，但是做法就完全不一样了

追问谢谢了

追答给你学习和素材网站www.divcss5.com和http://www.lanrentuku.com/js/

这种图的 上面两边是圆角怎么切呢用css打出来？ 求高手打出代码让我学习下

这种图的上面两边是圆角怎么切呢用css打出来？求高手打出代码让我学习下