css怎么设置颜色

这边的设置圆圈颜色zd，有点歧义.

    1.类似圆环的形式；2.半圆填充颜色

对于第一种那就简回单了：

div{
 width: 200px;
 height:200px;
 border-radius: 50%;
 border: 10px solid #1AA1E1;

 display: inline-block;

 box-sizing: border-box;

}

第二种半圆的话，那么会相对答麻烦点（当然图片的方法就不说了）：

div{

  width: 200px;

  height:200px;

  border-radius: 50%;

  position: relative;

  display: inline-block;

  box-sizing: border-box;

  overflow: hidden;

  border:1px solid #e3e3e3;

}

div:after{

  content: '';

  position: absolute;

  width: 50%;

  height: 100%;

  background-color: #0000FF;

  top:0;

  left:0;

}

在css中使用抄rgba(255, 255, 255, 0.5);这样的袭格式来表示百rgha。其中最度后一个参数表示Alpha通道，表示透明度问。

例如：给两个div添加一样的背景色设置答不同的透明度

代码：

<div class="div1">rgba透明度0.4</div>

<div class="div2">rgba透明度0.6</div>

css：

div{

margin:10px auto;

width:200px;

height:100px;

text-align: center;

line-height: 90px;

}

.div1{background: rgba(83,172,150,0.4);}

.div2{background: rgba(83,172,150,0.8);}   

效果：