CSS (Cascading Style Sheets)

Fungsi dan Cara Pembuatan DIV (

Kodewebsite akan membahas fungsi dari tag <div>, Serta bagaimana cara pembuatan tag div pada HTML. Tag ini sangat diperlukan dalam html, Karena tag div seringkali dipakai dalam design layout atau mempercantik halaman web dengan CSS. Apa Fungsi dari Tag Div ini ? Tag div berfungsi seperti struktur bangunan, membuat tembok atau penghalang untuk memisahkan bagian …

Fungsi dan Cara Pembuatan DIV (

Cara Membuat Bayangan Shadow Pada Text dan Kotak Box CSS

membuat bayangan dengan CSS

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 …

Cara Membuat Bayangan Shadow Pada Text dan Kotak Box CSS Read More »

Mengedit Text Decoration atau Garis Text dengan CSS (Cascadding style sheet)

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 …

Mengedit Text Decoration atau Garis Text dengan CSS (Cascadding style sheet) Read More »

Merubah Warna tulisan dengan CSS (Cascading style sheet)

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 …

Merubah Warna tulisan dengan CSS (Cascading style sheet) Read More »

Mengubah Warna Latar Belakang atau Background dengan CSS

Mengubah background atau latar belakang dengan CSS

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 …

Mengubah Warna Latar Belakang atau Background dengan CSS Read More »

Mengubah Ukuran Text dengan CSS (Cascading style sheet)

mengubah ukuran text

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 …

Mengubah Ukuran Text dengan CSS (Cascading style sheet) Read More »

Mengubah text menjadi tebal dengan CSS (cascadding style sheet)

mengubah text menjadi tebal dengan CSS

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 …

Mengubah text menjadi tebal dengan CSS (cascadding style sheet) Read More »

Mengubah latar belakang atau background dengan gambar di CSS

membuat latar belakang dengan gambar di CSS

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 …

Mengubah latar belakang atau background dengan gambar di CSS Read More »

Mengubah jenis text atau font dengan CSS (Cascading style sheet)

mengubah font dengan css

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 …

Mengubah jenis text atau font dengan CSS (Cascading style sheet) Read More »

Mengatur jarak tiap komponen dengan padding dan margin di CSS

mengatur jarak dengan paddind dam margin pada css

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 …

Mengatur jarak tiap komponen dengan padding dan margin di CSS Read More »