Změna barvy odstavce
Obsah
Související
Změna barvy odstavce při najetí kurzorem.
Pro správnou funkci v MSIE je třeba do kořenového adresáře stránky umístit soubor hover.htc. Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Janos Horvath. Bližší popis najdete v článku Hover emulation for IE5+.
CSS
p
{
color:black;
}
p:hover
{
color:red;
}
p.hover
{
color:red;
}
p.zelena
{
color:green;
}
p.zelena:hover
{
color:blue;
}
p.zelenaHover
{
color:blue;
}
p.ramecek
{
border:3px solid blue;
}
p.ramecek:hover
{
border-color:silver;
}
p.ramecekHover
{
border-color:silver;
}
p
{
behavior: url(hover.htc );
}
XHTML
<html>
<body>
<p>
Odstavec bez rámečku červenající po najetí kurzorem nad něj…
</p>
<p class=“zelena“>
Odstavec bez rámečku modrající po najetí kurzorem nad něj…
</p>
<p class=“ramecek“>
Odstavec s rámečkem červenající po najetí kurzorem nad něj…
</p>
<p class=“ramecek zelena“>
Odstavec s rámečkem modrající po najetí kurzorem nad něj…
</p>
</body>
</html>
Mohlo by vás také zajímat
-
-
-
Moderní trendy ve webdesignu: Top trendy pro rok 2024
12. ledna 2024 -
Nejnovější
-
-
Srovnání Mini počítačů: Mac Mini M4 vs. Asome Max Studio
7. dubna 2025 -
1,5 milionu CZ domén: Co to znamená pro český internet?
31. března 2025 -
Co je to TTL a proč na něm záleží?
25. března 2025