Membuat Border Padding Margin Pada Blog

Membuat Border Padding Margin Pada Blog - Di dunia blog, terutama ketika kita akan menyesuaikan template blog, kita sering menemukan atribut yang disebut "Margin, Padding and Border" yang kadang kala terletak di setiap elemen yang akan kita edit. Terutama ketika kita ingin menciptakan tema blog dari awal, tentunya dalam mengatur tata letak dan merapikan tampilan tema dasar kita harus memakai atribut ini.

Dengan pengaturan margin dan padding yang pas, maka tampilan postingan dalam blog kita pun akan semakin terlihat menawan. Tetapi ketika kita salah dalam memahami dan menawarkan pengaturan margin dan padding ini, bisa-bisa tampilan blog kita menjadi kacau, rumit, dan tidak sedap untuk dipandang mata.

Membuat Border Padding Margin Pada Blog:

Padding: Menentukan jarak komponen body ke border atau Ukuran jarak bab dalam. Apakah jarak ruang antara benda / Posts dan elemen, jarak antara isi konten yang diatur dalam area konten / elemen biasanya dalam bentuk benda / tulisan

padding:10px 10px 10px 10px;

padding-left:10px; ini yaitu untuk pengaturan padding bab kiri
padding-right:10px; ini yaitu untuk pengaturan padding kanan
padding-top:10px; untuk bab atas dan
padding-bottom:10px; untuk bab bawah, Ingat satuan px(pixels) dapat kau ganti sesuai satuan yang lain yang sesuai.

Border: Adalah garis tepi dari komponen. Merupakan garis sebagai pemisah antara dua objek, sehingga tampak terperinci element/konten suatu blog. Dalam CSS/HTML Border mempunyai beberapa pilihan untuk dipakai ibarat :

border:10px dotted #000000;

border-width:10px; ini yaitu ketebalan border
border-style:dotted; ini yaitu jenis bordernya dapat kau ganti dengan dashed, solid, double, groove, ridge, inset, outset dan lainya
border-color:#FFFFFF; ini yaitu warna dari border.

Margin: Adalah Ukuran jarak bab luar atau ukuran jarak setelah Border. Margin merupakan ruang diantara element dimana menawarkan jarak antar element. terdiri dari dua ruang vertikal dan dua ruang horizontal yang menyebabkan jarak antar element.

margin:10px 10px 10px 10px;

margin-left:10px; Untuk margin kiri
margin-right:10px; Untuk margin kanan
margin-top:10px; Untuk margin atas
margin-bottom:10px; Untuk margin bawah

Demikian gosip ihwal Membuat Border Padding Margin Pada Blog. Maaf kalau ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap gosip ini bermanfaat.FAST DOWNLOADads| Server1 | Server2 | Server3 |