Css ile Buton Yapmak

[Ciri]

Butonlar web sitelerinde bazı eylemlerin gerçekleşmesini sağlamak için kullanılan ögelerdir. Sözü edilen butonlar biçimleri, renkleri, konumu, yönü ve bazı özellikleri olması nedeniyle Css kodları kullanılarak tasarlanmaktadır. Şimdi ise buton yapmak için yapılması gereken kodlamadan bahsedelim.
Basit Butonları Kodlama

Kod: Tümünü Seç Tümünü Kopyala

<button>

ve

Kod: Tümünü Seç Tümünü Kopyala

<input type=”button” />

kodu kullanılarak yapılmaktadır. Ama bu html koduna css ile şekil verilmesi gerekmektedir. Daha sonra butonun active, hover ve focus hallerinin ve buton biçimsel özelliklerinin css kodlarıyla belirlenmesi gerekmektedir.
Görselliği Arttırılmış Butonları Kodlama
Yukarıdaki şekilde buton kodlandıktan sonra görselliği ve işlevselliği arttırmak için özel css kodları eklenerek kodlanan butonlardır. Ayrıca, bu butonları ikiye bölmek ve farklı özellikler de eklemek mümkün olmaktadır. Bu butonların görünümü oldukça profesyonel ve çekicidir.