PDA

View Full Version : تگ Div لب گرد بدون تصویر



iekrang
پنج شنبه 16 دی 1389, 13:47 عصر
سلام
چطور می تونم تگ Div لب گرد بدون تصویر ایجاد کنم؟
ممنون میشم که راهنماییم کنید

zednet
پنج شنبه 16 دی 1389, 14:03 عصر
این کدی که پایین نوشتم را تمام مرورگرها پشتیبانی می کنند بغیر از InternetExplorer

<style>
.test{
border:1px solid #333;
padding:10px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
</style>

-= موفق باشید =-

iekrang
شنبه 18 دی 1389, 15:14 عصر
مرسی از جوابتون ولی واقعاً مهمه که IEساپورت کنه...

ad.davachi
شنبه 18 دی 1389, 15:19 عصر
حتما باید div باشد؟ می توانید از panel استفاده کنید.

raika17metal
شنبه 18 دی 1389, 16:13 عصر
div{
height:300px;
width:300px;
margin:0 auto;
background:#006699;
border:2px solid;
-moz-border-radius:10px; /* Firefox */
border-radius:10px;
}


این خاصیت در IE ساپورت نمی شود.

maysam.m
شنبه 18 دی 1389, 22:11 عصر
برای این که در اینترنت اکسپلورر هم پشتیبانی شود از PIE استفاده کنید. دو لینک زیر به خوبی در این باره توضیحاتی ارائه کرده اند:

http://saleh.soozanchi.ir/blog/1389/06/16/how-to-use-css3-in-internet-explorer/
http://1webgard.ir/pie/


موفق باشید

maysam.m
شنبه 18 دی 1389, 22:30 عصر
راستی این آموزش رو هم بخونی بد نیست:
گرد كردن گو شه هاي div ها به سه روش (http://barnamenevis.org/showthread.php?180726-%DA%AF%D8%B1%D8%AF-%D9%83%D8%B1%D8%AF%D9%86-%DA%AF%D9%88-%D8%B4%D9%87-%D9%87%D8%A7%D9%8A-div-%D9%87%D8%A7-%D8%A8%D9%87-%D8%B3%D9%87-%D8%B1%D9%88%D8%B4)

miladft
دوشنبه 20 دی 1389, 21:40 عصر
Border-Radius برای CSS 3 هستش و در IE9 به بالا و دیگر مرورگرها ساپورت میشه.

webpower
دوشنبه 27 دی 1389, 13:37 عصر
دوستان من میخوام از همین روش واسه تکست و دکمه استفاده کنم ولی کار نمیده

hossin.esm
دوشنبه 27 دی 1389, 13:46 عصر
http://css3pie.com/
این سایت را ببین کدی برای اکثر مرورگر ها . با گذاشتن تیک show css میتونید کد css راهم ببینید
لب گرد کردن
سایه گذاری
رنگ gradient
در opera 9 تست کردم کار نکرد.