<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>fluid image</title>
<style>
body {
background-color:#000;
}
#shinigami {
display:block;
width:100%;
border:1px solid #bc9974;
}
</style>
</head>
<body>
<div>
<img id="shinigami" src="http://puu.sh/7tieS.jpg" alt="shinigami">
</div>
</body>
</html>
Variabel "shinigami" dapat dirubah, title juga bisa diset seperti keinginan. yang menyebabkan gambar bisa fit dengan layar adalah bagian #shinigami ... pikirkan sendiri penjelasan detailnya. :)
Tidak ada komentar:
Posting Komentar