Membuat gambar menjadi bulat HTML {DragonBlood}

 



HAllo gais . Gw Cad3L , nahh sekarang gw bakal ngasih tau kaia tentang ngoding santuy nih gais , penasaran ? nahhhh check it out gaisss . :) 


----------------------------------------------------------------------------------------------------------------------------------------

MERUBAH GAMBAR MENJADI BULAT HTML


Kalian mau ya gais ? buat website terus nembahin gambar , tapi gambarnya bosen dengan bentuk yang persegi / persegi panjang itu ? , tenang tenang gw kasih nih solusinya gaessssss  , jadiii nih ya solusinya itu gampang banget woi jadi kalau misalnya kita nambahin gambar pasti kayak gini kan bentuknya ?


CONTOH CODE GAMBAR BIASA 

<html>

<head><title>DragonBlood</title></head>

<body><img src="images.jpg"></body>

</html>


Hasil :





Nahhhhh kalian mau bikin website nya lebih bagus kan ? , dan juga mau website yang lebih jos gitu kan tampilannya dengan gambar dengan bentuk bulat itu ? nahhhh jasi gampang kalo kalian mo biki gambar di html ini jadi bulet  nahhhh kalian tinggal copy ini nih :

border-radius:100px;

nahhh jadi kode nya digabungin kayak gini 

<html>

<head><title>DragonBlood</title></head>

<body><img src="images.jpg" style="border-radius:100px;"></body>

</html>


HASILNYA :





Nahhhh jadiiii udah bisa belom klean ? kalo udah bisa , MANTEPPPPPPPPPPPPPP lahhhh jadi ya tinggal klean contohin aja ama kalian sendiri di text editor masing-masing , TERIMA KASIH UDAH NGELIAT TUTOR INI SAMPE ABIS :) 



LET THE DRAGONBLOOD FLOW IN YOUR BODY


----------------------------------------------------------------------------------------------------------------------------------------


Posting Komentar

Post a Comment (0)

Lebih baru Lebih lama