Czy wolisz polską wersję strony elektroda?
Nie, dziękuję Przekieruj mnie tam
#guzik:hover{
color: red;
}
<a href="javascript:alert('Kumunikat');">Tekst linka</a><input type="button" onClick="alert('Komunikat');"><img src="btn.png" onMouseOver="this.src='nowybtn.png'" onMouseOut="this.src='btn.png'">
<ul>
<li><a href="foto.html">Foto</a></li>
(i tak po kolei kazdy link jako element listy)
</ul>
li {
background-color: black; (te elementy mają czarne tło)
background-image: url(tlo.jpg); (to powinien być ten kawałek z prawej, zawierający zaokrąglone rogi)
background-position: top right; (przesunie to obrazek tła na prawo)
height: 30px; (ustaw na wysokość obrazka)
width: 15em; (najlepiej użyć em jako jednostkę. Poeksperymentuj z szerokością)
text-align: center; (linki będą na środku)
margin-bottom: 0.5em (elementy mają odstęp)
}
li a { (tu styl dla linkow)
color: yellow; (mają żołty kolor)
}
li:hover
{
background-color: red; (po najechaniu na element listy zmieni się jego tło na czerwone. Możesz zmienić też inne rzeczy)
}
#element{
overflow: scroll;
}
