آموزش ساخت دایره در CSS
ساعت : ۱۵:۳۸
تاریخ : ۱۹ آذر ۱۳۹۷
چطور به کمک CSS دایره طراحی کنیم؟
برای طراحی دایره به کمک CSS باید مراحل زیر رو طی کنیم :
-
طراحی مربع با HTML و CSS
برای طراحی مربع در css کافیه یک تگ دلخواه ایجاد کنید و بهش طول و عرض یکسان بدین و بعد برای اینکه دیده بشه یه پس زمینه هم می تونید بهش بدید..
کدهای مقابل برای ایجاد مربع در css به کار میرن
کدهای CSS : #myshape_csspark {
width:100px;
height:100px;
background:#00a651;
}
کدهای HTML : <div id="myshape_csspark"> </div>
-
طراحی دایره با HTML و CSS
برای طراحی دایره در CSS فقط کافیه به همون مربعی که ساختید Border-radius بدید!
کدهای مقابل برای ایجاد دایره در css به کار میرن
کدهای CSS : #myshape_csspark {
width:100px;
height:100px;
background:#00a651;
border-radius:50%;
}
کدهای HTML : <div id="myshape_csspark"> </div>