Cara Bikin Kotak Dengan Sudut Melengkung

Pada postingan kali ini saya akan membahas tentang Cara Bikin Kotak Dengan Sudut Melengkung. Karena pada umumnya sering kali kita jika membuat sebuah garis border diblog maka hasil yang kita dapatkan pastinya berbentuk persegi.

Contoh:

<div style="background-color: #5a5a5a; border: 2px solid #00FF00; padding: 5px; width: 400px;"> Tulisan Kalian Di sini... </div>

Tulisan Kalian Di sini...

Nah, untuk membuat sudut-sudut pada kotak area tersebut diatas agar melengkung atau tumpul maka kita pelu menambahkan kode css dengan format perintah seperti ini

border-radius: 15px; /*Kode pembuat lengkungan sudut*/

maka kode css nya menjadi seperti ini

<div style="background-color: #5a5a5a; border-radius: 15px; border: 2px solid #00FF00; padding: 5px; width: 400px;"> Tulisan Kalian Di sini... </div>>

Hasilnya :

Tulisan Kalian Di sini...

Seperti yang kita lihat diatas, dengan menambahkan kode css border-radius: 15px; maka kita langsung mendapatkan hasil dengan lengkungan yang sama disetiap sudut.

Bagaimana, Sudah mengerti sobat???
Jika ada hal2 yang belum dimengerti tenteng Cara Bikin Kotak Dengan Sudut Melengkung, bisa ditanyakan lewat form komenter di bawag ini. :D

Sekian dulu untuk tutorial blog saya kali ini,  semoga bermanfaat bagi sobat2 sekalian. Trima kasih.

Artikel Terkait Blogging ,Tutorial Blog

• Cara Membuat Tombol Share Melayang di Blog
• Cara Menambahkan Google Analytics di Blogger
• Cara Membuat Slideshow Postingan Blog
• Cara Mengetahui Blogger Sekota atau Sedaerah
• Cara Membuat Spoiler di Blog
• Cara Membuat ReadMore Otomatis di Blogger
• Cara Bikin Kotak Dengan Sudut Melengkung
• Cara Mudah Membuat Menu Tab View di Blogspot
• Cara Mudah Menghilangkan Read More Otomatis Pada Laman Blog
• Membuat Icon Burung Twitter Berterbangan di Blog
• Cara Menambah Gambar Sebelum Judul Posting
• Cara Membuat Footer 3 Kolom di Blogger
• Cara Mengganti Template Blog
• Cara Membuat Blog agar SEO Friendly
• Cara Menambahkan Gambar Background Pada Blog