造型不规则形状的按钮

Question

是否可以创建一个不规则形状的按钮。

我的按钮有以下css，它使它成为一个简单的矩形。

.btnclass { 
    width:100; 
    height:40; 
} 

，但它想使看起来更像是这样的：

​​

任何巧妙的构思与CSS来实现这一目标？

Answer 1

我不认为你可以，你最好使用真实形状的图像，只要你想

Answer 2

不是真的没有了一堆CSS两轮牛车的，最好的办法是使用图像。

如果你试图为表单按钮这样做看看使用以下

<input type="image" src="image_path.png" alt="image description" /> 

Answer 3

围棋与图像按钮。 <input type="image" ... />或<button><img src="" /></button>如果不是，下面的建议不是最佳的，但这是因为图像可能是最优的解决方案。

1. 设置具有所需形状的背景图像。我认为这是最纯粹的解决方案，所以要这样做。 background-image: url(whole-image.png);

2. 设置背景颜色和位于右上角的小背景图像。解决方案类似于那里的“圆角黑客”。 background: #<button-color> url(small-image.png) top right no-repeat;