Css ile Konumlandirma 2

CSS İLE KONUMLANDIRMA 2
Arkadaşlar bir önceki derste bir metnin konumlandırılmasını anlatmıştık.
Bu sefer bir resim için kısa bir anlatım yapacağım.





Css kodu için:

img{ position: fixed; top: 0px; left: 0px; z-index: -1px; }

Fixed özelliği yine resmi sabitlememizi sağlayacak.
Z-index özelliğini 3.boyut gibi düşünün.Değerini -1 yapmamız resim üzerine yazı yazılabilmesini sağlıyor.1,2 ve daha fazlası yapsaydık yazılan yazı resmin altında kalacaktı.

Html kodu:

<img src="etkindizayn.png" width="100" height="100"> Metin yazılabilir alan burası </img>

Doktordizayn.png olan yere istediğiniz resmin url adresini yazabilirsiniz.
Width ve height değerlerini ister html kodunda ister css kodunda yazıp düzenleyenilirsiniz.

Css gruplama ve yuvalama , Css metin özellikleri , Css avantajları