Ini kod yang LS jumpa untuk buatkan gambar kita ada 'border' dan 'shadow', lupa pulak jumpa kat web mana. Ada banyak lagi jenis kod css yang boleh kita jumpa kalau rajin menggoogle. Cuma yang ada kat sini untuk ingatan LS je (orang yang baru belajar). Kalau ada yang nak try sila kan..
Untuk blogger, kena pergi setting dan edit HTML. Kod tu perlu di letak kat mana-mana antara kod <head> </head> macam kat bawah ni;
<head>Kemudian kat ruang untuk tulis pos, buka HTML editor dan pada kod gambar, cuma perlu tambah
.imgBorders {
padding: 10px 10px 10px;
background-color: #FFF;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
</head>
img class="imgBorders"dalam kod gambar tu. Hasilnya akan jadi macam kat bawah;
 |
| Sebelum |
 |
| Selepas |
0 comments:
Post a Comment