Cara membuat background efek jahitan dengan css

Assalamu'alaikum
Halo agan-agan selamat datang di Coretan Anak Kampung. Blog yang sepi dan gak keurus, Maklum saya masih gaptek gan. Kurang semangat ngeblog. Tapi walaupun gitu, saya akan tetep update kok, walaupun setahun sekali hehe..

Nah di postingan kali ini, saya akan share cara membuat background dengan efek jahitan menggunakan css, yang pasti tanpa menggunakan gambar, murni memainkan kode css.

berikut ini screenshotnya:

Untuk kode css nya ada dibawah ini.

#selector {
color: #000;
background:#ffff00;
margin:0px;
padding:15px;
position:relative;
z-index:0
}

#selector:before {
content:'';
position:absolute;
z-index:-1;
border:1px dashed #ff0000;
top:5px;
bottom:5px;
left:5px;
right:5px;
}

Nah itulah kode cssnya sob.
Silahkan dikembangkan kembali supaya lebih kekinian.

#Selector diganti sama id atau class yang mau diberi efek jahitan.
#ffff00 adalah kode warna untuk backgroundnya.
#ff0000 adalah kode warna untuk efek jahitannya.

Kalo ada yang masih bingung, ayo kita diskusikan dikomentar!!!