我遇到了一个关于如何处理这个我现在很忙的项目的疑问。我需要用一种奇怪的形式创建一个标题。该项目需要在任何现代设备中做出响应。我查看了不同的博客以寻求帮助，例如 CSS 的形状。这对我有帮助，但我不知道哪种方法是最好的方法。
http://css-tricks.com/examples/ShapesOfCSS/
希望的设计与此图像类似：
如您所见，每侧有两条曲线，它们也彼此不同。我希望这是一个标题元素。是否可以仅使用一个元素进行创建？关于如何使用 CSS 达到这种不规则形式的任何建议？
问问题
248 次
2 回答
3
border-top-left-radius您可以通过使用and来实现这一点border-top-right-radius，并将它们设置为不同的值。
如果您想为所有四个角分别设置边框半径，请使用更通用的border-radius属性。它的语法是：
border-radius: top-left top-right bottom-right bottom-left
border-radius所有主要浏览器都支持，但旧版本的 IE（IE8 和更早版本）除外。
如果您想border-radius在旧版本的 IE（6、7、8）中工作，您可以考虑使用CSS3 PIE。
于 2013-06-13T19:07:34.823 回答
1
于 2013-06-13T19:14:15.230 回答