Tutorial CSS : Mengatur Gambar dengan CSS - Hallo sahabat Meta News, Pada Artikel yang anda baca kali ini dengan judul Tutorial CSS : Mengatur Gambar dengan CSS, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Tutorial CSS : Mengatur Gambar dengan CSS
link : Tutorial CSS : Mengatur Gambar dengan CSS

Tutorial CSS : Mengatur Gambar dengan CSS

Video Tutorial HTML/CSS 12 : Gambar dengan CSS Tutorial ke 12 tentang mengatur gambar di halaman website dengan CSS.

Tutorial CSS : Mengatur Gambar dengan CSS

Pertama dengan kode sederhana untuk menggunakan gambar sebagai background halaman website.

Script 1

body {
           background-image: url(alamat_nama_gambar);
           background-repeat: no-repeat;
           background-position: 50px 50px 50px 50px;
          }

Selector

body : selector untuk body

Property

background-image : gambar sebagai background
background-position : posisi gambarvalue : val1 val2 val3 val4 val1 : dari kiri val2 : dari atas val3 : dari kanan val 4 : dari bawah

Script 2

h1 {
      background-color: red;
      padding: 10px;
      }

Selector

h1 : selector untuk text dalam h1

Property

background-color : warna background dari text
value : nama warna atau kode RGB
padding : spasi dari teks baik dari atas, kiri, kanan maupun bawah value : 10px atau kita bisa menentukan sendiri, sesuai selera, silakan dengan berbagai value dan lihat perubahannya.
Property padding bisa lebih khusus lagi dengan menambahkan top, left, right bottom.

Untuk lebih jelasnya silakan download video Tutorialnya disini.

Demikianlah Artikel Tutorial CSS : Mengatur Gambar dengan CSS

Sekianlah artikel Tutorial CSS : Mengatur Gambar dengan CSS kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Tutorial CSS : Mengatur Gambar dengan CSS dengan alamat link https://infoasikindo.blogspot.com/2013/09/tutorial-css-mengatur-gambar-dengan-css.html

Tweet