KADINLAR POKER OYUNU GÝBÝ DEÐÝLMÝ

Bir web sayfasýnýn içindeki ögelerin (table, div, p v.b.) arkaplanýnýn rengini veya arkaplan resmini deðiþtirmenin birkaç yolu vardýr.
Ýlk ve asýl yöntem: html kodlarýnýzýn
taglarý arasýnda yer alan
taglarý arasýnda
tanýmlayarak yapmaktýr.

Þöyle ki:

body {
background: #FACD50;
}

buradaki background kodu body öðesinin rengini belirtmektedir. # iþaretinin yanýndaki 6 haneli ve onaltýlýk tabanda yazýlan sayý renk kodunu tanýmlamaktadýr.

Ayný þekilde background kodunun yanýna : dan sonra url(URL veya URI adresi) yazýlarak arkaplanýn resmi tanýmlanabilir. Örneðin:

body {
background: url(http://resminbul.com/resim01.jpg);
}

gibi.

Bu iki tanýmlama ayný anda kullanýlabilir.

body {
background: url(http://resminbul.com/resim01.jpg) #A53E5D;
}

gibi.

Buradaki #FFFFFF renk kodlarý yerine "red", "white", "blue" v.b bilinen renk etiketlerini de kullanabilirsiniz.

body {
background: red url(http://resminbul.com/resim01.jpg);
}

gibi.

Ayrýca background-repat koduyla arkaplan resminin tekrarlanma yöntemini belirtebilirsiniz. Burada repeat, repeat-x, repeat-y, no-repeat seçeneklerini kullanabilirsiniz.

body {
background: red url(http://resminbul.com/resim01.jpg);
background-repeat: no-repeat;
}

gibi.

background-attachment kodu ile arkaplanýn srcoll bar ile birlikte hareket etmesini ya da sabit durmasýný saðlayabilirsiniz. scroll ya da fixed seçeneklerini kullanabilirsiniz.

body {
backgorund: red url(http://resminbul.com/resim01.jpg);
background-repat: no-repeat;
background-attachment: fixed;
}

gibi.

background kodunun yanýnda background-position belirtmesi de kullanabilirsiniz. Bu belirtimde top, center, bottom dan biri ile ayný anda left, center, right den birini kullanabilirsiniz. Ya da ekrana göre yalnýzca yatay ve düþey konumunu belirten yüzdeler kullanabilirsiniz. Buradaki deðerleri background-position kodunun yanýnda kullanabileceðiniz gibi direk olarak background kodunun yanýnda da kullanabilirsiniz.

Örneðin:

body {
backgorund: red url(http://resminbul.com/resim01.jpg);
background-repat: no-repeat;
background-attachment: fixed;
background-position: top center;
}

veya

body {
backgorund: red url(http://resminbul.com/resim01.jpg);
background-repat: no-repeat;
background-attachment: fixed;
background-position: 50% 0%;
}

ya da

body {
backgorund: red url(http://resminbul.com/resim01.jpg) top center;
background-repat: no-reeat;
background-attachment: fixed;
}

gibi.

Yukarýdaki açýklamalar bir HTML sayfasýnýn taglarý arasýnda geçerlidir.

Backgroundun özelliklerini tanýmlamayý taglarý arasýnda yapmak istersek;

þeklinde yermeliyiz.

Ya da yine body bölümünde baþka bir tagda, örneðin:

þeklinde verebiliriz.

Not: Ama tagýndan önce , , , , v.b. taglardan baþka tag kullanamayýz. Örneðin

veya