157
Kursor harakalanganda uning ostidagi rasmni almashtirish mumkin. Masalan,
tugma ustida sichqon bosilganda tugmaning rangi o‘zgaradi.
62-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: