DIV+css我想切一个圆角矩形，上面切两个角中间切高1px的线下面切两个圆角，随内容多少变长，如图：怎么写

发布网友发布时间：2022-05-18 12:37

共3个回答

热心网友时间：2023-10-16 17:14

如果你会写代码的话，一定要知道实现的效果的方法是怎么样的？这样下次遇到也有头绪。下面我给你先提供下思路：
圆角矩形的话一般分为三种：
第一种宽度固定高度不定的情况。
固定宽度圆角＝圆角顶部＋内容＋圆角底部
第二种固定高度宽度不定的情况。
固定高度圆角＝圆角左边＋内容＋圆角右边
第三种宽度不定，高度不定的情况
自适应圆角＝顶部圆角左上角＋顶部圆角右上角＋内容＋底部左侧圆角＋底部右侧圆角

制作简单圆角的方法有很多，大多是有背景图片来替代最终的效果。
网上这样的代码有非常多，如果你只是随便复制下，下次如果修改会很麻烦的。建议最好能多学一点基础的css。
另外如果客户不是对圆角要求的不是非常高的话，用直角也是可以的，不过最好记得页面的整体效果保持一致。

热心网友时间：2023-10-16 17:15

border-radius:5px;//参考CSS3

热心网友时间：2023-10-16 17:15

最好切4个角，两个边。