Kamis, 08 Maret 2018

Belajar Border Radius Di Css

Diterbitkan Maret 08, 2018

Border radius yakni menciptakan sudut lingkaran di CSS. Border radius semakin memudahkan kita dalam menciptakan desain yang menarik untuk halaman web.
Properti border radius gampang dipakai dan mendukung untuk semua browser walaupun dengan beberapa perbedaan.

Langsung saja, aku lebih suka memberi pola daripada ber-teori.

Tulis script dibawah ini dengan text editor simpan dengan nama file index.html

<!DOCTYPE html> <html> <head> <style> div { border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:300px; border-radius:25px; -moz-border-radius:25px; } </style> </head> <body> <div> Properti border-radius memungkinkan Anda untuk menciptakan sudut bulat</div> </body> </html>

Untuk tampilannya gunakan Mozilla Firefox atau browser lainnya, jalankan file index.html.

Priview dari script diatas yakni menyerupai ini :

Border radius yakni menciptakan sudut lingkaran di CSS Belajar Border Radius di CSS

Maka bentuk akan menjadi lebih menarik dengan garis lengkung di setiap sudutnya.
Tertarik untuk mencar ilmu lagi silahkan anda kembangkan sendiri script diatas untuk lebih jelasnya.

Sumber http://creativitywhitoutlimits.blogspot.com