Bayangan pada sisi element sangat penting digunkan untuk membuat suatu kotak menjadi terlihat modern. Membuat bayangan bisa kita lakukan pada kotak div atau pada suatu text, tergantung kebutuhan. Untuk membuat suatu bayangan, kita hanya memerlukan kode property box-shadow untuk kotak atau garis tepi, dan text-shadow untuk membuat bayangan pada suatu text.   Berikut ini bentuk…

Text decoration dapat dikatakan juga sebagai decorasi pada text, kita dapat mengedit text decoration ini dengan mudah melalui css. Untuk mengedit text-decoration pada text kita memerlukan properti “text-decoration”. Selain itu juga memerlukan value yang dapat terdiri dari none, underliner, overline, dan line-through.   Value none dimaksudkan untuk menghilangjan garis bawah pada link, lalu underliner digunakan…

Selamat berjumpa kembali pada tutorial selanjutnya, yaitu merubah warna tulisan web dengan CSS (cascade style sheet). Untuk merubah warna tulisan kita hanya memerlukan kode “color” yang akan kita tempatkan pada bagian style. Oke mari kita bahas.   Kode yang diperlukan adalah :   color : ..warna yang kamu inginkan..;   Penempatan Kode “color” pada tag…

Selamat berjumpa lagi, tutorial selanjutnya yaitu mengubah warna latar belakang atau background dengan CSS (cascadding style sheet). Biasanya, warna suatu halaman otomatis  memiliki latar belakang atau background dengan warna putih. Namun, kita dapat mengubah warna bakground tersebut, baik secara keseluruhan maupun hanya elemet tertentu, property yang digunakan yaitu “background-color” / “background”.   Properti keseluruhan dalam…

Untuk mengubah ukuran text dengan css, kita hanya perlu menggunakan kode font-size yang akan ditempatkan pada kode <style>. Ukuran dapat digunakan atau disesuaikan dengan kebutuhan, kita bisa menggunakan nilai pixel atu percent.   Ini merupakan contoh penulisan font-size (pengubah ukuran text):   font-size : ……..Ukuran yang di inginkan, bisa pixel atau perchent……   jika kita…

Tutorial selanjutnya dari design web CSS (cascadding style sheet) adalah  mengubah text menjadi tebal. Css juga bisa berguna dalam membuat text menjadi tebal, biasanya dalam markup html, kita selalu menggunakan tag <b>diakhir</b> untuk membuat text manjadi tebal. Untuk membuat text menjadi tebal dengan css, cukup menggunkan properti atau kode font-weight. Penulisan properti lengkapnya seperti berikut…

Sebelumnya saya juga sudah membahas tentang mengubah latar belakang  dengan warna, sekarang kita akan melanjutkannya dengan mengubah latar belakang atau background dengan gambar, dan tentunya memakai CSS (cascadding style sheet). Untuk menggunakannya cukup simple, kita hanya menggunakan tambahan value “url” pada property background.   Property penuh untuk mengubah background dengan gambar   Background : url…

Selamat berjumpa di tutorial CSS (cascading style sheet) lainnya, sebelumnya kita telah bahas bagaimana mengubah warna text, sekarang kita akan mengubha jenis text atau font dengan CSS. Untuk mengubah suatu jenis text, bisa menggunakan kode “font-family“.   Seperti ini propertinya :   font-family : “……..arial (jenis text)………..”;   Seperti ini jika dalam tag <style=”type=text/css”> : <style…

Tutorial selanjutnya kita akan mengatur jarak tiap komponen dengan padding dan margin di CSS (cascading style sheets). Jarak sangat diperlukan untuk memperindah suatu halaman website. Untuk membuat jarak tiap komponen, kita hanya memerlukan suatu properti “padding” dan margin.   Padding digunakan untuk membuat jarak dari konten ke bagian luar dari tag. Sedangkan margin dibuat untuk…

Selamat berjumpa lagi dengan tutorial selanjutnya, kita akan mengubah bagian dari sisi layout border dengan CSS (Cascading Style Sheets). Layout merupakan suatu tampilan dari element, dengan mengedit sudut border, ketebalan border, maka suatu tampilan, akan semakin menarik. Penggunaan layout ini, hanya memerlukan kode properti sederhana, yaitu “border” di tamabah dengan value atau isi.   Terdapat…

Lanjut ke tutorial CSS lainnya, yaitu tentang bagaiamana cara kita menambahkan suatu kode italic dengan CSS (Cascading style sheets). Untuk mengubah format text menjadi italic atau miring, biasanya kita seringkali menggunakan tag html seperti <i> dan diakhiri dengan </i>. Namun, ada cara lain, yaitu dengan menambahkan properti font-style.   Penulisan properti italic seperti berikut :…