Merhabalar arkadaşlar bu konumuzda css ile html dosyası içerisinde çalışarak buton oluşturmayı ve o botuna çeşitli görsellikler katmayı göreceğiz.
<html>
<head>
<title>Css ile buton oluşturma - LitmuS</title>
</head>
<style type="text/css">
a:link{
a:visited;
background:#000000;
color:#cccccc;
text-align:center;
text-decoration:underline;
display:block;
line-height:1.5;
width:100px;
}
a:hover{
background:orange;
color:white;
}
</style>
<body>
<a href="#">Ana sayfa</a>
<a href="#">Haber</a>
<p> <a href="#">LitmuS</a></p>
<a href="#">Giyim</a>
<a href="#">Oyun</a>
</body>
</html>yukarıdaki kodları uzantısı .html olan bir dosya içerisine ekleyip sonucu görebiliriz. Buradaki asıl konu istediğiniz linklere çeşitli arka plan oluşturmak o arka plana istediğiniz rengi vermek istediğiniz işlemi uygulatmak mause üzerine geldiğinde farklı hareketlere sahip olmasını sağlamak mesela yukarıdaki kodu html'de uyguladığımız zaman göreceksinizki altı çizili arka planı siyah olan butonlar göreceğiz. bu oluşturduğumuz butonları sıradanlıktan uzak tutmak için mause üzerine geldiği zaman arka plan turuncu rengini alıyor
burada gördüğümüz şey aslında hem buton oluşturma, linke çeşitli işler yükleme örneğin altını otomatik olarak çiziyoruz bu gibi değişiklikler söz konusudur.
Yukarıdaki işleri sizde uygulayıp düzenlemeler yaptıkca kodlarla olan aşinalığınız artıcaktır. Böylelikle hem kodlara gözünüz alışacak hemde eliniz alışacak belli bir süre sonra ise hangi kodun nerede daha iyi uygulanacağının kararını tamamı ile siz vereceksiniz.