Po najechaniu na obrazek nie zmienia się jego kolor obramowania.

Question

Witam.

Mam obrazek i jest on obramowany linią ciągłą o grubości 4px w kolorze niebieskim. Chciałbym, aby po najechaniu na ten obrazek ta linia ciągła zmieniła kolor na czerwony.

<img class="foto1" src="obrazek1.jpg" width="100" height="143"></img>

.foto1
{
	float: left;
	width: 100px;
	height: 143px;
	border: 4px solid #0066FF;
}

.foto1:hover
{
	color: red;
}

Nie zmienia mi się kolor czerwony obramowania po najechaniu na obrazek. Gdzie jest błąd?

Answer 1

Atrybut color w CSS określa kolor czcionki. Do zmiany koloru bordera służy border-color.

Comments

Super, działa.

Wielkie dzięki za pomoc.

Answer 2

Bo w hover zmieniasz color, a to jest tylko kolor tekstu. Aby zmienić kolor obramowania po prostu daj od nowa tak

border: 4px solid red;

Albo zmień border-color, który odpowiada za kolor obramowania.

Comments

Ja już mam taki głupi nawyk, że styl color kojarzę nie tylko ze zmianą koloru tekstu, ale też innych rzeczy. Musze oduczyć się tych głupich nawyków, hehe.

---

Jak tu mówić o nawyku, jak to jest podstawowa wiedza. 

---

Wiem, że to podstawowa wiedza. Trochę wstyd i głupio mi, że zadałem tu tego typu proste pytanie. Sam mogłem to zrobić. Następnym razem, gdy zadam tu pytanie na forum, to będzie to o wiele trudniejszy problem do rozwiązania.