關於圖像中心和響應的文本

-4

我想使用html和css製作這樣的文本。並能夠響應式網站，並查看關於IE8

enter code here 

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

來源

2015-10-14 luckyViva

預計您至少會嘗試爲自己編寫代碼。堆棧溢出不是代碼寫入服務。我建議你做一些額外的研究，無論是通過谷歌或通過搜索，做一個嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您嘗試過的以及爲什麼它不起作用。 –

你可以使用漸變顏色作爲它的簡單背景.. http://www.colorzilla.com/gradient-editor/ –

由於G.L.P的評論suggets可以使用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以查看此代碼的執行情況

來源

2015-10-14 11:39:53 Simplicity

如果我想要使用這些代碼： Submit – luckyViva

@luckyViva你想'提交'到在「」上？ – Simplicity

是的，圖像上的文字 – luckyViva

關於圖像中心和響應的文本

回答

相關問題