1
A
回答
0
使用這樣的事情
.x{
height: 50px;
background: #ff3232;
background: -moz-linear-gradient(-45deg, #ff3232 0%, #ff3030 50%, #282fff 51%, #005dff 100%);
background: -webkit-linear-gradient(-45deg, #ff3232 0%,#ff3030 50%,#282fff 51%,#005dff 100%);
background: linear-gradient(135deg, #ff3232 0%,#ff3030 50%,#282fff 51%,#005dff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3232', endColorstr='#005dff',GradientType=1);
}
<div class="x">
</div>
2
可以使用線性漸變。
button {
height: 50px;
width: 100px;
background: linear-gradient(-60deg, red 50%, yellow 50%);
}
<button></button>
-1
HTML:
<button id="main"></button>
CSS:
#main {
width: 200px;
height: 50px;
border: none;
background: linear-gradient(120deg, rgb(255, 0, 144), rgb(255, 0, 144) 55%, rgb(0, 222, 255), rgb(0, 222, 255) 45%);
}
相關問題
- 1. 一個按鈕改變多種顏色
- 2. 使用CSS給一個黑色的圖標另一種顏色
- 3. 是否可以給一個HTML提交按鈕多於一種顏色?
- 4. 使用CSS更改按鈕顏色
- 5. 如何淡入一個按鈕的顏色爲另一種顏色?
- 6. Flex按鈕,左邊一個顏色,右邊另一個顏色
- 7. tkinter多個按鈕顏色變化
- 8. 多個開關按鈕背景顏色CSS
- 9. 多種顏色
- 10. 具有2種背景顏色的CSS按鈕
- 11. 兩種顏色的CSS自定義形狀按鈕
- 12. 使用Titanium Appcelerator按鈕欄可以使用多種顏色嗎? Titanium.UI.createButtonBar
- 13. 只有css的多種背景顏色
- 14. 多種顏色的一個PathPatch
- 15. 一個元素的多種顏色
- 16. 使用matplotlib使用多種顏色的顏色軸脊柱
- 17. R - 傳奇:給同一個文字分配多種顏色
- 18. CSS選擇按鈕的顏色
- 19. 按鈕顏色CSS轉換/漸變
- 20. 鏈接按鈕顏色HTML/CSS
- 21. 改變按鈕的顏色兌現CSS
- 22. 如何留住CSS按鈕顏色
- 23. CSS顏色不加載按鈕
- 24. 更改按鈕的css顏色屬性
- 25. CSS更改按鈕懸停顏色
- 26. 確定一種顏色「圖像中單個顏色的多少」
- 27. 做一個按鈕有多種用途
- 28. 背景顏色50%一種顏色和50%另一種顏色
- 29. iOS:使用多個按鈕更改背景顏色
- 30. 多個按鈕,一個事件來改變點擊按鈕的顏色
創建自定義按鈕 –
[雙色背景使用css對角線分割]可能的重複(http://stackoverflow.com/questions/14739162/two-tone-background-split-by-diagonal-line -using-css) –
我發現這個類似的其他stackoverflow問題,看起來像一個很好的迴應。 http://stackoverflow.com/questions/14739162/two-tone-background-split-by-diagonal-line-using-css應該是一個很好的起點! –