CSS w przyk│adach
U┐ycie tego stylu powoduje usuniΩcie podkre╢lenia spod link≤w,
sprawiaj▒c, ┐e wygl▒daj▒ one bardziej profesjonalnie. Kod
deklaracji styl≤w umieszczamy w sekcji <HEAD> dokumentu.
Kod usuwa podkre╢lenia w ca│ym dokumencie.
<STYLE type="text/css">
a{
text-decoration:none;
}
</STYLE>
Styl ten dziΩki znacznikowi a:hover, powoduje zmianΩ wygl▒du
link tekstowego np. po najechaniu na niego zostaje dodane
podkre╢lenie, a link zmienia kolor.
<STYLE type="text/css">
a{
text-decoration:none;
}
a:hover {
color:#000099;
text-decoration:underline;
}
</STYLE>
Je╢li chcesz pod╢wietliµ jaki╢ wa┐ny tekst bez jego pogrubiania,
jest ma│y efekt CSS, kt≤ry zmienia t│o pod tym tekstem. Nie
musisz umieszczaµ jego deklaracji w sekcji <HEAD> dokumentu,
tylko umieszczasz go bezpo╢rednio w ciele <BODY> tworzonego
dokumentu.
<p style="background-color: yellow;">Witaj ªwiecie</p>
"Witaj ªwiecie" bΩdzie mia│o ┐≤│te t│o. Ciekawy efekt mo┐na
uzyskaµ dodaj▒c tΩ deklaracjΩ do a:hover.
<STYLE type="text/css">
a{
text-decoration:none;
}
a:hover {
background-color:yellow;
text-decoration:underline;
}
</STYLE>
U┐ycie tego stylu daje mo┐liwo╢µ definiowania tz. dostosowania
kolorystycznie paska przewijania do danej strony.
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #aaaaaa;
scrollbar-highlight-color: #bbbbbb;
scrollbar-3dlight-color: #cccccc;
scrollbar-darkshadow-color: #ssssss;
scrollbar-shadow-color: #yyyyyy;
scrollbar-arrow-color: #rrrrrr;
scrollbar-track-color: #oooooo;
}
-->
</STYLE>
scrollbar-face-color: - ╢rodek
scrollbar-highlight-color: - jasna ramka
scrollbar-3dlight-color: - 3d jasna
scrollbar-darkshadow-color: - cie±
scrollbar-shadow-color: - 3d ciemna
scrollbar-arrow-color: - strza│ka
scrollbar-track-color: - t│o
Pod╢wietlenie linku
<STYLE TYPE="text/css"> A {text-decoration: none; color:
blue; font-family: Arial, Helvetica; font-size: 10pt} A {color:
blue} a:hover {color: white; background: blue} a:active {color:
white; background: blue} </STYLE> <a href="tw≤j link">j
Pawe│
Pietrasz
