246
1-rasm. O‘zgaruvchan tugma
Misol qaraymiz. Ikkita bir xil tugmaning rasmi (image1.jpg va image2.jpg)
faqat rangi bilan farq qiladi. Sichqon ko‘rsatgichi tugma
ustiga olib borilganda
yangi rasm hosil bo‘ladi. Html-kod:
CSS-kod: .img {
background: url("image_1.jpg")
no-repeat; // odatdagi holat rasmini qo‘yiladi
height: 100px; // rasm balandligi width: 100px; // rasm eni
}
.img:hover { background: url("image_2.jpg") no-repeat; //
Sichqon
ko‘rsatgichi olib borilganda qo‘yiladigan rasm border: 2px solid #f00; //
qizil
ramka height: 120px; // yangi rasm balandligi width: 120px; // yangi rasm eni }
CSS yordamida matn kiritiladigan maydon o‘lchamlarini o‘zgarmaydigan
qilib qo‘yish mumkin.
Misol:
… RRGGBB ko’rinishida rang qiymatini qo’llab hujjat foni
rangini o’rnatadi. Misol: FF0000 – qizil rang.
Do'stlaringiz bilan baham: