Cara Bikin Tabel Garis Tepi Atas Dan Bawah Melengkung

Malam ini pas saya mau posting...karena ingin postingnya kelihatan keren alis cakep gitu...saya cari info di google pastinya..yaitu cara bikin tabel yang garis tepi atas bawah melengkung tidak membentuk sisi maksudnya,tapi tidak dapat,yang saya dapat sih cuma buat garis melengkung di bawah posting seperti blog saya karena penasaran saya utak atik dan mempelajari kode html yang saya dapat,akhirnya ketemu juga,coba lihat saja posting saya ini,garis tepi atas dan bawah melengkung bukan,sebelumnya sih saya selalu pasang yang standar yaitu garis tepi membentuk sisi.Biasalah saya pingin posting saya bentuknya berbeda,maksud saya disini saya pingin background posting saya berwarna tanpa saya rubah warna defalaut template,di sini saya merubah disaat mau posting saja...memang repot sih.Tapi untungnya warnanya bisa berbeda setiap posting,tapi perlu di garis bawahi jangan asal pake warna sesuaikan dengan warna huruf blog,misalkan warna huruf blognya biru pake backgroundnya biru ya tidak kelihatannlah hurufnya jadi susah untuk di baca....intinya warna huruf dan background harus selaras...

Oke deh....lanjut yang tadi untuk membuat tabel yang gari tepi ata dan bawah melengkung,coba lihat di bawah,warnanya bisa di ganti sesuai selerah masing-masing dan macam-macam kode warna saya sudah pernah posting silahkan baca di sini !!!!



<div style="border: 3px #0080FF solid; padding: 15px; background-color:
#87cefa; text-align: left;border-right:3px solid #0080FF;
border-top:0px solid #0080FF;
border-top:3px solid #0080FF;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px; ">tulis postingnya di sini</div>

background-color:#87cefa = warna backround/boleh berbeda dengan warna garinya.
border: 2px #0080FF = waran garis/ini harus sama dengan warna border top(border-top:0px solid #0080FF dan border-top:3px solid #0080FF) harus sama biar bagus,jadi misal mau warna merah harus merah semua.tapi kalau mau biar kesannya tidak pakai garis pinggir samakan saja semua kode warnanya itu tergantung selerah sih.....
Mudah-mudahan info ini bisa bermanfaat...dan selamat mencoba!!!!
These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati

One Response to this post

  1. Unknown on 27 Januari 2014 pukul 22.12

    makasih gan sangat membantu ... tpi sayang nya ujung pinggir nya kok runcing ? ada cara biar melengkung ngga gan ?

Leave a comment