是否有可能创建一个有点不规则形状的按钮。我的按钮有下面的css，使它成为一个简单的矩形。
.btnclass { width:100; height:40; }
字符串但它想让它看起来更像这样：
______________________ | ___________| | |___________ |______________________|
型有什么好主意可以用CSS来实现这一点吗？
eqfvzcg81#
我不认为你可以，你最好用一个形象，这是塑造你想要的
ct3nt3jp2#
不是真的没有一堆CSS黑客，你最好的选择是使用图像。如果您试图对表单按钮执行此操作，请使用以下命令
<input type="image" src="image_path.png" alt="image description" />
字符串
cyvaqqii3#
使用图像按钮。<input type="image" ... />或<button><img src="" /></button>如果没有，下面的建议不是最佳的，但这是因为图像可能是最佳的解决方案。1.设置一个背景图像与所需的形状。我认为这是最纯粹的解决方案，所以去这个。background-image: url(whole-image.png);1.设置一个背景颜色和一个小的背景图像位于右上角。解决方案是类似于“圆角黑客”在那里。background: #<button-color> url(small-image.png) top right no-repeat;
<input type="image" ... />
<button><img src="" /></button>
background-image: url(whole-image.png);
background: #<button-color> url(small-image.png) top right no-repeat;
v9tzhpje4#
最好使用一些形状，而不是造型
4条答案
按热度按时间eqfvzcg81#
我不认为你可以，你最好用一个形象，这是塑造你想要的
ct3nt3jp2#
不是真的没有一堆CSS黑客，你最好的选择是使用图像。
如果您试图对表单按钮执行此操作，请使用以下命令
字符串
cyvaqqii3#
使用图像按钮。
<input type="image" ... />或<button><img src="" /></button>如果没有，下面的建议不是最佳的，但这是因为图像可能是最佳的解决方案。1.设置一个背景图像与所需的形状。我认为这是最纯粹的解决方案，所以去这个。
background-image: url(whole-image.png);1.设置一个背景颜色和一个小的背景图像位于右上角。解决方案是类似于“圆角黑客”在那里。
background: #<button-color> url(small-image.png) top right no-repeat;v9tzhpje4#
最好使用一些形状，而不是造型