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
