تخفیف ویژه هفته کتاب و کتاب خوانی، فرصت یادگیری با 40٪ تخفیف (کد تخفیف: Ketab)
زمان باقی مانده
سبد (0)

تبلیغات

متفرقه 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)

دیدگاه‌ها  

+3 # hoiy 1394-04-13 04:02
ُسلام ایولا دارین به خدا خیلی ممنون واسه مطالب سایتتون عالیه
ببخشید یه سوال داشتم میشه یه سایت اینجوری با وردپرس طراحی کرد اگه نمیشه باید چجوری طراحی بشه
این ادرس اون سایته که میگمhttp://www.bermooda.ir/
مرسی
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # احسان عباسی 1394-04-13 09:38
سلام
سایت مورد نظر بالا نمیاد !
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # reza.22 1394-04-12 09:51
سلام چطو میتونم یه متنی رو بیارم وسط این دایره میتونم با تکست الیگن بیارمش وسط ولی ن وسط دایره
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # احسان عباسی 1394-04-12 10:07
سلام
طبق مثال بالا، کد مورد نظرتون رو ایجاد کردیم:
<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>
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی