Cascading style sheet untuk menyisipkan gambar - Catatan Faiq Hisyam Marwan

Contact Form

 

Cascading style sheet untuk menyisipkan gambar

Cascading style sheet untuk menyisipkan gambar
Adakala saat membuat halaman web yang berisi artikel diperlukan gambar yang mendukung artikel tersebut. Agar terlihat rapi dan menarik maka gambar yang disisipka perlu diberi CSS.

<html>
<head>
<title>
CSS image placement
</title>
<style >
 #headline1 { background-image: url(kiwi.jpg);
              background-repeat: no-repeat;
              background-position: left top;
              padding-top:68px;
             margin-bottom:50px; }
 #headline2 { background-image: url(kiwi.jpg);
              background-repeat: no-repeat;
              background-position: left top;
              padding-top:68px; }
</style>
</head>
<body>
<div id="headline1">CSS (versi sekarang adalah CSS3)  
banyak dilibatkan dalam dokumen Web.
 Kegunaannya adalah untuk memformat dokumen.
 Sebagai contoh, warna teks atau bahkan warna  
latarbelakang bisa diatur melalui CSS.
</div>
<div id="headline2">Namun, tentu saja kegunaan CSS jauh

lebih

Total comment

Author

Faiq Hisyam Marwan

0   comments

Cancel Reply