小编Doc*_*Jim的帖子

我有以下颜色代码:

f3f3f3
f9f9f9

在视觉上,这两个颜色代码是相似的.如何将它们分组为单一颜色,或删除其中一种颜色？

如果我尝试使用base_convert($ hex,16,10)并获得值之间的差异,问题是某些颜色与int值类似但在视觉上确实不同.例如:

#484848 = 4737096(灰色)
#4878a8 = 4749480(蓝色) - 视觉上存在巨大差异,但作为int值,差异很小

和

#183030 = 1585200(灰色)
#181818 = 1579032(灰色) - 两种方式都很好

#4878a8 = 4749480(蓝色)
#a81818 = 11016216(红色) - 差异很大,无论是视觉还是作为int值

如何在CSS3中创建以下形状,而不使用像":before"这样的伪类？

我之前做过很简单,但事情是我不想在灰色区域有一个坚实的元素(参见JSFiddle - http://jsfiddle.net/aUdLr/2/)

div{
    width: 100px;
    height: 100px;
    background-color: red;
    border-radius: 100%;
    position: relative;
}
div:before{
    content: "";
    width: 100%;
    height: 110%;
    background: gray;
    position: absolute;
    left: 5px;
    top: -5%;
    border-radius: 100%;
}