3
A
回答
4
你有一個以上的可能性要做到這一點:
使用背景圖片(作品在每個瀏覽器,但我個人不喜歡它重新編輯並保存圖像文件的每個小再次詳細) CSS:
button {
background: url('some image..');
width: <width of the background image>;
height: <height of the background image>;
...
}
button:hover {
background: url('mouseover image');
...
}
另外,您可以使用較新的CSS屬性創建按鈕。他們提供你想要的一切,它是遠遠比使用背景圖片涼,但不足之處是沒有很多瀏覽器都支持這充分今日(有的不會很長一段時間,是IE瀏覽器,我的意思是你):
button {
border: solid 1px somecolor;
color: #eee;
border-radius:5px;
-moz-border-radius:5px;
background: -moz-linear-gradient(top, #5E5E5E 0%, #474747 51%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5E5E5E), color-stop(51%,#474747), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
}
button:hover {
color: white;
}
看這裏創建CSS漸變:什麼是可能使用純CSS3 http://www.colorzilla.com/gradient-editor/
印象和教程:
http://technology.posterous.com/make-css3-buttons-that-are-extremely-fancy
http://www.kulturbanause.de/2010/05/css3-als-photoshop-ersatz-buttons-und-grafiken/ (德語,但嘿,你就可以 看到按鈕和讀取CSS neverthenless)
簡單的例子,也許正是 你需要: http://capturedsparks.com/pure-css3-buttons/
可以使用它們相同的屬性,造型一個textarea:border
,background
,color
對字體顏色等
3
<button type="submit" style="border: 0; background: transparent">
<img src="/images/Btn.PNG" width="90" heght="50" alt="submit" />
</button>
1
你可以申請一個樣式的底部或提交HTML標籤,如:
<input type="submit" class="mybotton" value="Continue" />
通過這種方式,你可以添加背景圖片:
.mybotton{
background-image: url(buttonimage.png);
}
關心!
0
如果u想要的是ü上述相同的設計就用這個
<input type="image" src="submitbutton.png" />
相關問題
- 1. 自定義Flex皮膚 - 按鈕皮膚中的輔助按鈕
- 2. TileLayout在按鈕欄皮膚
- 3. 如何更改api中的Windows皮膚
- 4. 如果皮膚上的火花按鈕
- 5. 更改Flex按鈕圖標使用皮膚的Alpha
- 6. 如何更改JFXtras議程皮膚?
- 7. Webix Web皮膚中的樣式按鈕
- 8. Flex中的按鈕皮膚問題
- 9. 帶有皮膚按鈕的Flex DataGrid
- 10. Flex 4皮膚:根據父容器狀態更改皮膚
- 11. 皮膚火花閃光按鈕
- 12. 應用皮膚文件按鈕在ASP.net
- 13. 使用AJAX更改網頁的皮膚
- 14. 更改TN3上的皮膚jQuery畫廊
- 15. 如何在flex 3中的皮膚按鈕?
- 16. NullReferenceException通過Application.Current.Resources更改皮膚/主題
- 17. 在DotNetNuke中更改模擬成皮膚
- 18. 更改VS 2010默認皮膚
- 19. 從Zebra更改日期包皮膚
- 20. 編輯mediawiki皮膚時應用更改
- 21. 你如何改變脊椎皮膚? libgdx
- 22. 如何爲TabNavigator按鈕設置風格或皮膚?
- 23. 如何將皮膚設置爲null按鈕?
- 24. 如何在iOS中將白色皮膚臉部改爲黑色皮膚臉部?
- 25. 如何更改og:video meta標籤中的jwplayer皮膚?
- 26. 如何在Android中更改整個程序的皮膚風格?
- 27. 如何更改MediaWiki皮膚中TOC的位置
- 28. WPF的MS功能區 - 如何更改皮膚
- 29. 如何動態更改活動的皮膚?
- 30. 如何創建dotnetnuke皮膚和皮膚對象?
從來沒有見過它的書面的方式。它真的有用嗎?我喜歡它! – Lobo 2010-12-03 08:58:43