Memposisikan Gambar Backgorund Pada Website

1 101

Contoh Cara Memposisikan Gambar Backgorund Website

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url(https://www.infokoding.com/wp-content/uploads/2017/10/img_tree.png);
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
}
</style>
</head>
<body>

<h1>Hello World!</h1>
<p>background no-repeat, contoh set posisi.</p>
<p>Sekarang gambar latar belakang hanya ditampilkan satu kali, dan diposisikan jauh dari teks.</p>
<p>Dalam contoh ini kita juga menambahkan margin di sisi kanan, jadi background image tidak akan pernah mengganggu teks.</p>

</body>
</html>

Coba Layout Editor »

Get real time updates directly on you device, subscribe now.

1 Comment
  1. […] gambar sebagai latar belakang halaman Cara mengulang gambar latar belakang hanya secara horisontal Bagaimana memposisikan gambar latar belakang Gambar latar belakang tetap (gambar ini tidak akan bergulir dengan sisa halaman) Semua properti […]

Leave A Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.