Question

我想为边框着色，但唯一可用的选项是border-left-color，border-right-color，border-top-color and border-bottom-color我想为圆圈的底部，右边框着色但是我似乎无法在任何地方找到它？

请问我是否有意义，因为我不善于解释事情。

一个例子here注意iPhone底部的按钮;注意光泽。

Answer 1

这里有一个可能的方法：

诀窍是transform: rotate(45deg);使用border-left-color。

＆＃13;

#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);
}

＆＃13;

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

＆＃13;

Fiddle demo

怎么做像border-top-left-color这样的东西。 [CSS]

1 个答案: