متفرقه CSS-رسم دایره
رسم دایره در 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)
- نوشته شده توسط امید رسولی
- بازدید: 25699
دیدگاه‌ها
ُسلام ایولا دارین به خدا خیلی ممنون واسه مطالب سایتتون عالیه
ببخشید یه سوال داشتم میشه یه سایت اینجوری با وردپرس طراحی کرد اگه نمیشه باید چجوری طراحی بشه
این ادرس اون سایته که میگمhttp://www.bermooda.ir/
مرسی
سلام
سایت مورد نظر بالا نمیاد !
سلام چطو میتونم یه متنی رو بیارم وسط این دایره میتونم با تکست الیگن بیارمش وسط ولی ن وسط دایره
سلام
طبق مثال بالا، کد مورد نظرتون رو ایجاد کردیم:
<html>
<head>
<style>
.circle {
width: 100px;
height: 100px;
background-colo r: #0088FF;
border-radius: 50%;
display: inline-flex;
}
#center{
margin:auto auto;
}
</style>
</head>
<body>
<div class="circle"& gt;
<div id="center" > <p>متن مورد نظر </p> </div>
</div>
</body>
</html>