ساخت مربه با css

[amir.m9821]

سلام به همه ی بچه های برنامه نویس
راستش ی شکلی تو مایه های فایلی ک فرستادم میخام با css3 درست کنم
یکی از دوستام ی بار بهم یاد داد ولی الان فراموش کردم
فقط یادم هست ی دایره ساده درست میکنه بعد واسه اون قسمت سفیده box shadow میندازه بعد border رو میفرسته دور box shadow میخام ببینک کسی اینجا می دونه چ جوری باید این کا رو کرد !!!
جلو جلو تشکر.

Untitled.png

[دانیال دزفولی]

http://jsfiddle.net/kbxcoyon/1/

[Ashk4n]

سلام دوست عزیز

نیاز نیست به box shadow بردر بدین
فقط کافیه رنگ box shadow رو هم رنگ پس زمینه دایو کنید و یک بردر به رنگ متفاوت به دایو

.circle2{

    width:110px;

    height:110px;

    background-color:#FFEB3B;

    border-radius:50%;

    border: 10px solid #FAFAFA;

    box-shadow:0 0 0 7px #FFEB3B;,      

}

circle.png

[amir.m9821]

دقیقا همینجوریه ک دوستان میگن !
از راهنمایی تون ممنون