رفتن به مطلب

ساخت یک دایره با css


پست های پیشنهاد شده

با سلام میخوام یک دایره بسازم با css3

اینم کدم اما دایره نمیشه مشکل چیه ؟


/* =wp-pagenavi -Rahbord
----------------------------------------------- */
.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
background-color: #1173B2;
vertical-align:central;
text-align:center;
color: #FFF;
margin: 20PX;
padding: 5px 10px;
text-decoration: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
height: 150px;

width: 150px;

margin: 50px;

position: relative; overflow: hidden;

-webkit-border-radius: 40px;

-moz-border-radius: 40px;

font: 20px "B YEkan";
color: #FFF;
}
.wp-pagenavi span.current {
height: 150px;

width: 150px;

margin: 50px;

position: relative; overflow: hidden;

-webkit-border-radius: 40px;

-moz-border-radius: 40px;
}

لینک به ارسال

من از کدی که دادید کدی ندیدم مربوط به رسم دایره باشه

یک تگ با کلاس circle بسازید بعد کد زیر رو درون CSS قرار بدید


.circle {
border-radius: 50%;
width: 200px;
height: 200px;
background: #AAA;
/* width و height میتونن هر مقداری باشن فقط نکتش اینه باید اندازه هم باشن */
}

فایل پیوستی زیر یک نمونه از این کد هست

موفق و پایدار باشید

circle-css3.html

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...