如何做邊框左上角的顏色。 [CSS]

Question

我想爲邊框着色，但唯一可用的選項是border-left-color,border-right-color，邊框頂色and border-bottom-color我想爲圓的底部右邊框着色，但我似乎無法在任何地方找到它？

請問我是否沒有意義，因爲我不擅長解釋事情。

一個例子here注意底部的按鈕，如果iPhone;注意閃耀。

Answer 1

這裏有一個可能的方法：

訣竅是使用transform: rotate(45deg);與border-left-color。

#thing { 
 
    width: 100px; 
 
    height: 100px; 
 
    border: 1px solid #fff; 
 
    border-left-color: red; 
 
    border-radius: 50px; 
 
    -ms-transform: rotate(45deg); /* IE 9 */ 
 
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ 
 
    transform: rotate(45deg); 
 
}

<div id="thing"></div>

Fiddle demo