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