Multiple Background in CSS3
CSS3 ကတော့ လန်းသထက် လန်းနေတာပဲ။ အရင်က ပုံတွေကို ထပ်လို့ မရပါဘူး။ ခုတော့ ထပ်ချင်တိုင်း ထပ်လို့ရပါပြီ။ Multiple Background ဆိုပါတော့။ CSS3 ကို စမ်းချင်တယ်ဆိုရင် Firefox 3.5+ Safari 3.1+ မှာမှ အဆင်ပြေပါတယ်။
HTML ပုံစံက
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS3 Multiple Background</title> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="multiple_background"></div> </body> </html>
CSS ဖိုင်ကတော့
#multiple_background{
width:400px;
height:150px;
border:2px solid #CCC;
background:
url(image/ucello.jpg) no-repeat 30px top,
url(image/lumaca.jpg) no-repeat right 105px,
url(image/logo.png) no-repeat 60px 55px,
url(image/fiore.jpg) no-repeat 5px 55px,
url(image/erba.jpg) repeat-x bottom,
url(image/cielo.jpg) repeat-x top;
}
အားလုံး အသင့် စမ်းချင်ရင်တော့ ဒီမှာ Download ချပြီးစမ်းနိုင်ပါတယ်။
Facebook comments:
One Response
Leave a comment
About the Author
Htet Oo
Htet Oo is a reader, especially online reader. Always surfing the internet and try to become a internet explorer.
Ads
ကျေးဇူးပါပဲ စမ်းကြည့်လိုက်အုံးမယ်.