Trik dasar memper indah postingan

munkin bagi yang sudah mengenal Css hal ini adalah hal yang sangat mudah, tapi saya ingin sedikit sharing sekaligus sebagai catatan saya sendiri tentang dasar-dasar memberikan border pada postingan.

Border dengan Scroll

<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 300px; text-align: left;"> isi tulisan yang tampil dalam border </div>

hasilnya menjadi:
isi tulisan yang tampil dalam border , isi tulisan yang tampil dalam border, isi tulisan yang tampil dalam border, isi tulisan yang tampil dalam border


Border putus-putus

<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

hasilnya menjadi:
isi tulisan yang tampil dalam border

Border titik-titik

<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

hasilnya menjadi:
isi tulisan yang tampil dalam border

Border biasa

<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;"> isi tulisan yang tampil dalam border </div>

hasilnya menjadi:
isi tulisan yang tampil dalam border

(trimakasih telah membaca artikel ini dan mohon tanggapanya)