CSS: kotak dengan image sebagai background

awalnya kita buat style

<style>
.title_box {
  width: 196px;
  height: 30px;
  margin: 5px 0 0 0;
  background: url(images/menu_title_bg.gif) no-repeat center;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  line-height: 30px;
}
.border_box {
  width: 194px;
  height: auto;
  text-align: center;
  border: 1px solid #6da6b1;
}
</style>

lalu bikin kotak

<div class=title_box>Customer Service</div>
<div class=border_box>INI CONTOH ISIANNYA</div>

penjelasan:

gambar menu_title_bg.gif sudah disertakan, silakan donlod dan save di images

CSS: kotak dengan image sebagai background 2012-02-28T18:02:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown