像这种圆形上下边框不同颜色的效果能否用CSS3实现

.border{
width: 100px;
height: 100px;
border-width: 50px;
border-style: solid;
border-top-color: #f00;
border-right-color: #f00;
border-bottom-color: #00f;
border-left-color: #00f;
border-radius: 50%;
transform: rotate(-45deg);
}

css估计不行，但是可以用html5的canvas画图

可以吧，底层画个红色的半圆和黑色的半圆拼在一起，然后顶层在画个黄色小圆就行了啊

可以先用canvas画一个红色半圆，再在同一个圆心的位置画一个黑色半圆，然后再在同一个圆心的位置画一个黄色的圆，应该就可以了

至于画圆的代码相信楼主应该也能写出来，我就不啰嗦了