0

已经花了 2 个小时，试图让它工作，但到目前为止我只得到这个：

.btn-custom{ width:100%; border-bottom: 100px solid blue; border-left:80px solid transparent; }

.btn2 {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0px;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);

}

这将是按钮本身：

<a href="#" style="height:145px;line-height:80px;font-size:18px;" class="btn2 btn-block btn-custom">test</a>

我想做的是这样的：

我想我还需要 transform:rotate 函数来旋转按钮，但是有没有办法在不旋转文本的情况下旋转它？

目前，我在按钮上方发布的代码看起来不像它应该的样子，它有点短（高度），文本不在它应该在的位置，如果我旋转它，文本也会旋转. 这就是它现在的样子：

谁能帮我解决这个问题？

4

2 回答 2

1

您是否有不想使用 css 形状的原因？查看我放在一起的演示（结果和片段）它可能会对您有所帮助。

于 2013-08-31T19:15:20.303 回答
0

您可以通过使用该图像作为该特定 div 的背景来做到这一点。

于 2013-08-31T18:25:45.997 回答