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
