رسم دایره در CSS
برای ایجاد دایره کافیست یک عنصر <div> با طول و عرض یکسان و گوشه های گرد ایجاد کنید.
در مثال زیر، با استفاده از خصوصیت های width و height در CSS، طول و عرض عنصر <div> با کلاس "circle" تنظیم شده است. فقط کافی است به مربع یک border-radius با مقدار 50% بدهید تا دایره ایجاد شود.
رسم دایره در CSS
.circle {
width: 100px;
height: 100px;
background-color: #0088FF;
border-radius: 50%;
} بیاموزها مرتبط
CSS height/width (آموزش CSS)
CSS3 Border (آموزش CSS3)
border-radius (مرجع خصوصیت های CSS)
background-color (مرجع خصوصیت های CSS)
ببخشید یه سوال داشتم میشه یه سایت اینجوری با وردپرس طراحی کرد اگه نمیشه باید چجوری طراحی بشه
این ادرس اون سایته که میگمhttp://www.bermooda.ir/
مرسی
سایت مورد نظر بالا نمیاد !
طبق مثال بالا، کد مورد نظرتون رو ایجاد کردیم:
<html>
<head>
<style>
.circle {
width: 100px;
height: 100px;
background-color: #0088FF;
border-radius: 50%;
display: inline-flex;
}
#center{
margin:auto auto;
}
</style>
</head>
<body>
<div class="circle">
<div id="center" > <p>متن مورد نظر </p> </div>
</div>
</body>
</html>