如何在css中制作弯曲边缘容器

Question

是否可以创建那些＆＃34;弯曲边缘文本容器＆＃34;从css没有设置任何图像作为背景？任何人都可以给我一个例子或指向一些使用类似的东西的网站吗？

谢谢！

Answer 1

您可以使用CSS3的border-radius属性添加圆角。

div {
  border: 2px solid;
  border-radius: 25px;
}

对于更高级的形状，您需要使用CSS 2d transformations。

上图可能包含border-radius，skew和background-image。