关于图像中心和响应的文本

Question

我想用html和css制作这样的文字。在IE8上能够快速响应的网络和视图

enter code here

<a class="btnSubmit">
<img src="btnSubmit.png">
<span>Submit</span>
</a>

Answer 1

正如G.L.P的评论所说，你可以使用CSS gradients来使背景有效。

对于“响应式网络”按钮，您可以查看以％值设置宽度，这会相对于网页进行缩放。

Here's关于使用什么以及何时使用

的一个很好的解释

尝试这样的事情：

HTML：

 <button>Submit</button>

CSS：

button {
    width:30%;
    background: -webkit-linear-gradient(grey, white); /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(grey, white);/* For Opera 11.1 to 12.0 */
    background: -o-linear-gradient(grey, white);/* For Firefox 3.6 to 15 */ 
    background: linear-gradient(grey, white); /* Standard syntax */
}

请参阅fiddle以查看此代码的实际操作