<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.kirmizi {
color: red;
}
.yesil {
color: green;
}
/** Color karşısında hexadeimal kod da kullabilirsiniz **/
.penbe {
color: #EA4AC5;
}
.mavi {
color: #209BCE;
}
.gri {
color: rgb(80, 80, 80);}
/** Özel olarak da şekillendirme yapabilirsiniz **/
.turuncu {
color: #FB6C00;
font-size: 50px;
text-decoration: none;
}
/** Sitedki tüm linkler için şekillendirme
Bu kod sitedeki bütün linkleri etkiler**/
a {
font-family: comic sans ms;
font-style: italic;
}
/** Belli bir div içindeki linkleri şekillendirmek için class kodundan sonra boşluk bırakıp "a" konur **/
.kutu a {
text-decoration: none;
font-style: normal;
}
</style>
</head>
<body>
<a class="kirmizi" href="#">Kırmızı Link</a>
<a class="yesil" href="#">Kırmızı Link</a>
<a class="penbe" href="#">Bayanlara Özel link</a>
<a class="turuncu" href="#">Akşamüstü</a>
<div class="kutu">
<a class="mavi" href="#">Gözleri Boncuk mavi</a>
<a class="gri" href="#">Gri renk</a>
</div>
</body>
</html>