HTML & CSS | DIV’i linke çevirmek
Merhaba arkadaşlar, bugün HTML ve CSS yardımıyla bir div’i tamamen bir linke dönüştüreceğiz.
İlk olarak aşağıdaki satırları HTML bölümüne aktaracağız.
<div class="kutu"> Bonurtek <a href="https://www.bonurtek.com"> <span class="link-tik"></span> </a> </div>
Ardından ise :
.kutu{ height:100px; width:100px; background-color:blue; color: white; position:relative; } .link-tik{ position:absolute; height:100%; width:100%; top:0; left: 0; z-index: 1; }
bölümünü kodumuzun CSS kısmına ekliyoruz ve bir div’i tamamen link şeklinde tıklanabilir hale getirmiş oluyoruz.
Kaynak: 1