在CSS中创建一个按钮

Question

我想将这些图片用作按钮的一角。按钮名称为Test with background“＃F1F2F2”

我应该如何使用CSS创建？

请记住，css代码需要适应旧的网络浏览器。

谢谢！

Answer 1

为什么不使用css？边界半径将是父元素大小的一半，并且由IE 9及更高版本支持。

<span>hello</span>
span {
    display: inline-block;
    background: grey;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
}

http://jsfiddle.net/dbwL117m/

否则执行类似下面的代码并应用适当的css样式。

<span>
    <span class="left-image">image here</span>
    <span>Text</span>
    <span class="right-image>image here</span>
</span>