ایجاد دایره با CSS3
ايجاد دايره با CSS3 در طراحی وب سایت بسيار آسان و ساده است تنها با چند كد کوتاه شما مي توانيد يك دايره طراحی کنید.براي اين كار نخست يك كلاس circle به div مي دهيم و كلاس موردنظر را استايل دهي مي كنيم بهتراست براي ايجاد دايره از تگ div استفاده كنيم.
برای ایجاد دایره با css3 دو نکته اهمیت دارد نخست سايز ارتفاع و عرض باید برابر باشد و مورد بعدی ایت است که شعاع بردر باید برابر با 50٪ از عرض و ارتفاع باشد.
HTML
<div class="circle"> </div>
CSS
.circle {
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
border:1px solid #9ab7da;
height:200px;
width:200px;
background:#b3d4fc;
}
به همین راحتی با css یک دایره طراحی کردیم امیدواریم این آموزش ساده و کاربردی برای شما مفید واقع شده باشد از این که با ما بودید سپاسگزاریم.
طراحی وب سایت طراحی قالب وردپرس سئو
هیچ نظری موجود نیست:
ارسال یک نظر