Külső css

A <Head> tag közé másold. Kód: <link rel=”stylesheet” href=”kulso.css” type=”text/css”> Megjegyzés: A külső css tartalma: kulso.css tarlama: body { margin-bottom: 0px; font-family: Tahoma; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000080; } a:link {color:#990000; text-decoration:none;} a:visited {color:#990000; text-decoration:none;} a:active {color:#990000; text-decoration:none;} a:hover {color:#FF0000; text-decoration:underline;}

Egyszerű css hivatkozás

A <Head> tag közé másold. Ha ezt alkalmazod egy egszerű hivatkozásasal, pl: <a href=”oldal.html”>Link</a> akkor ez a css fog érvényesülni minen hivatkozásra. Kód: <style type=”text/css”> a:hover {color:red;} </style>

Árnyékolt css tábla

A <Head> tag közé másold. Kód: <div style="width:250px;padding:10px;filter:shadow(color:black);"> <div style="width:250px;text-align:left;padding:10px;background-color:#FF3300;border:1px solid black;font-size:10px;"> <font size="1" face="Verdana">Ez egy css tábla. Sajnos opera meg a mozilla nem látja jól, de jól látható Ie-vel az árnyék. Lehet állítani a színt, az árnyék színét nagyságát is.</font>.</div> </div>

Külső css

A <Head> tag közé másold. Kód: <link rel="stylesheet" href="kulso.css" type="text/css"> Megjegyzés: A külső css tartalma: kulso.css tarlama: body { margin-bottom: 0px; font-family: Tahoma; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000080; } a:link {color:#990000; text-decoration:none;} a:visited {color:#990000; text-decoration:none;} a:active {color:#990000; text-decoration:none;} a:hover {color:#FF0000; text-decoration:underline;}

Komplettebb css hivatkozás

Megjegyzés: A hivatkozások: <a class=”type1″ href=”#”>hivatkozás</a> <a class=”type2″ href=”#”>hivatkozás</a> <p><a class=”type4″ href=”#”>hivatkozás</a> <p><a class=”type3″ href=”#”>hivatkozás</a> A hivatkozásnál a megfelelő részre kell hivatkozni: <a class=”type1″ href=”www.oldal.cime.hu”>hivatkozás neve</a> Kód: <style> A.type1:link {color:#000000; text-decoration:none;} A.type1:visited {color:#000000; text-decoration:none;} A.type1:active {color:#FFDD00; text-decoration:none;} A.type1:hover {color:#990000; text-decoration:underline;} A.type2:link {color:#6600FF; text-decoration:underline;} A.type2:visited {color:#6600FF; text-decoration:underline;} A.type2:active {color:#6600FF; text-decoration:underline;} A.type2:hover {color:#000080; text-decoration:underline;} A.type3:link {color:##FF9900; text-decoration:none;} A.type3:visited {color:##FF9900; text-decoration:none;} A.type3:active {color:#00CCFF; text-decoration:none;} A.type3:hover {color:#FF8000; text-decoration:underline;} A.type4:link {color:#FF5577; text-decoration:underline;} A.type4:visited {color:#FF2234; text-decoration:underline;}