Cara Membuat Bingkai Dengan Border Garis Pada Blog

Cuaca mendung, semendung hatiku saat ini terkurung dalam bingkai yang indah. Baguskan puisi saya tadi hehehe. Bicara masalah bingkai semua udah pada tahukan bingkai itu apa? 

Biasanya kita mengenal bingkai itu digunakan untuk foto agar tampilan foto itu lebih indah dan menarik tentunya, begitu juga di blogspot sobat dapat membuat bingkai pada artikel sobat yang menggunakan foto ataupun tulisan yang ingin dipakaikan bingkai. Bagaimana apakah sobat tertarik? Jika sobat tertarik untuk membuat bingkai pada artikel yang hendak di posting ikuti langkah di bawah ini.

Bingkai 1
<div style="border: 1px solid
  #000000; background-color:#00CCFF; padding: 5px; width: auto;">
  Tulisan,gambar,maupun kode script </div>
Bingaki 2
<div style="border: 1px dotted #000000; background-color:#00CCFF;
  padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script
  </div>
Bingkai 3
<div style="border: 4px double
  #000000; background-color:#00CCFF; padding: 5px; width: auto;">
  Tulisan,gambar,maupun kode script </div>
Bingkai 4
<div style="border: 4px groove #000000; background-color:#00CCFF;
  padding: 5px; width: auto;"> Tulisan,gambar,maupun kode script </div>
Catatan:

Tulisan yang berwarna merah merupakan code warna background bingkai ganti sesuai dengan warna favourite sobat. Untuk mengetahui code warna lihat disini

Tulisan yang berwarna biru dapat sobat ganti dengan tulisan, gambar ataupun code script yang sobat inginkan.