CSS (Cascading Style Sheets)

cara membuat bayangan shadow pada text dan kotak box CSS

CSS (Cascading Style Sheets) / Oleh

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 penulisan …

cara membuat bayangan shadow pada text dan kotak box CSS Selengkapnya »

Mengedit Text decoration atau garis text dengan CSS (Cascadding style sheet)

CSS (Cascading Style Sheets) / Oleh

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 untuk …

Mengedit Text decoration atau garis text dengan CSS (Cascadding style sheet) Selengkapnya »

Merubah warna tulisan dengan CSS (Cascading style sheet)

CSS (Cascading Style Sheets) / Oleh

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 <style type=”text/css”>yaitu : …

Merubah warna tulisan dengan CSS (Cascading style sheet) Selengkapnya »

Mengubah warna latar belakang atau background dengan CSS (cascadding style sheet)

CSS (Cascading Style Sheets) / Oleh

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 selector …

Mengubah warna latar belakang atau background dengan CSS (cascadding style sheet) Selengkapnya »

Mengubah ukuran text dengan css (Cascading style sheet)

CSS (Cascading Style Sheets) / Oleh

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 masukan dalam kode …

Mengubah ukuran text dengan css (Cascading style sheet) Selengkapnya »

Mengubah text menjadi tebal dengan CSS (cascadding style sheet)

CSS (Cascading Style Sheets) / Oleh

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) Selengkapnya »

Mengubah latar belakang atau background dengan gambar di CSS

CSS (Cascading Style Sheets) / Oleh

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 (…..lokasi_dan_nama_gambar.jpg…(png/apapun)…); Jika …

Mengubah latar belakang atau background dengan gambar di CSS Selengkapnya »

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

CSS (Cascading Style Sheets) / Oleh

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 type=”text/css”>……Target yang akan …

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

Mengatur jarak tiap komponen dengan padding dan margin di CSS

CSS (Cascading Style Sheets) / Oleh

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 …

Mengatur jarak tiap komponen dengan padding dan margin di CSS Selengkapnya »

Edit sisi layout border dengan CSS (cascading style sheets)

CSS (Cascading Style Sheets) / Oleh

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 berbagai …

Edit sisi layout border dengan CSS (cascading style sheets) Selengkapnya »