SOURCE

console 命令行工具 X clear

                    
>
console
<div class="bg">
    <div class="block">
        <div class="block1"></div>
        <div class="block2"></div>
        <div class="block3"></div>
    </div>
</div>
.bg {
    width:100%;
    height:100%;
    background:#fff;
}
.block {
    border:10px solid rgba(0,0,128,0.5);
    width:100px;
    height:100px;
    border-radius: 50%;
    position: relative;
    transform: rotate(40deg) scale(0.5,0.5);
}
.block1,.block2,.block3 {
    background:rgba(0,0,128,0.5);
    position: absolute;
}
.block1 {
    width:30px;
    height:10px;
    top:65px;
    left:25px;
    border-radius: 5px 0 0 5px;
}
.block2 {
    height:50px;
    width:10px;
    top:15px;
    left:55px;
    border-radius: 5px 5px 0 0;
}
.block3 {
    width:10px;
    top:65px;
    left:55px;
    height:10px;
    border-radius: 0 0 5px 0;
}