Radio Düğmesine Görsellik Nasıl Katarım ?

arkadaşlar merhaba örneğin ayakkabı numaraları var sayfada 40-41-42 diye gidiyor ben bunu radio button yerine görsel radio button haline nasıl çeviririm ?

örnek resim:

örnek site: http://tinyurl.com/boy6kre

Bunun php ile alakası yok lütfen konunuzu nereye açtığınıza dikkat edin, cevap ise;

<input type="radio" class="inputlar" name="ayakno" value="44">

Bu şekilde inputları verdikten sonra css ile

.inputlar{
Buradanda yükseklik genişlik köşe kenaları vs. gibi düzenleme yapabilirsiniz.
}

cevap için teşekkürler bende hangi kategoriden olduğuna emin olamadığım için buraya açtım,

.inputlar{
buraya tam olarak hangi kodları yazmam gerekir 1-2 örnek yazarsanız çözüceğime inanıyorum.
}

.inputlar{
border:1px solid #ddd;
width:10px;
height:10px;
background-color:#000;
}
gibi şeyler.

o sitedeki kaynak kodları inceleyerek detaylıca görebilirsiniz.

Lütfen internet üzerinden basit CSS dersleri alınız, burası PHP bölümü ayrıca sorduğunuz soru CSS ile ilgili.

Fatih Hayrioğlu güzel bir sayfa hazırlamış eğitim amaçlı.
http://fatihhayrioglu.com/css-dersleri/