Ini adalah salah satu fitur untuk membuat design dengan Border-radius untuk membuat sudut melengkung pada suatu flatform misal gambar atau kotak sperti diatas
bisa lihat di sini contoh konkritnya:
http://sanatanadharmaindonesia.blogspot.co.id/
Anda bisa gunakan metode dibawah ini untuk membuatnya.
<!doctype html>
<style>
ol {
background: brown;
padding: 20px;
color: white;
text-decoration: none;
border-radius: 10px 20px 20px 10px; border-style: ridge;
}
ol li {
background: grey;
padding: 5px;
margin-left: 5px;
text-decoration: none;
border-radius: 5px 10px 10px 5px; border-style: ridge;
}
</style>
<strong>Pengumuman</strong>
<ol>
<li>Singapore Ratha Yatra Minggu 03-Jul-2016</li>
<li>Bhakti Festival Denpasar 05 s/d 10-Jul-2016</li>
<li>His Grace Sripada Chaitanya Chandra Guru Maharaja Visits Batam 22 s/d 24-Jul-2016</li>
</ol>
0 comments:
Post a Comment
Thank you for your comments