A. Alat dan Bahan

  1. Text Editor.
  2. Web Browser.

B. Pembahasan
Border Radius kita gunakan untuk mebuat lengkungan pada sisi elemen di html. Baik itu div, gambar ataupun yang lain. Misalnya kita ingin membuat bentuk bulat berarti kita membuat keempat sisinya melengkung dengan border radius.

Pertama-tama buatlah file baru dan beri nama index.html kemudian isikan kode berikut ini.

<html>
<head>
<title>Belajar CSS3 | Border Radius</title>
<style type="text/css">
#box {
width: 200px;
height: 200px;
background-color: blue;
border-radius: 10px;
}
#box2 {
width: 200px;
height: 200px;
background-color: red;
border-radius: 50%;
}
</style>
</head>
<body>
<div id="box"></div>
<div id="box2"></div>
</body>
</html>

Hasil yang tampil di browser :


C. Refrensi

TAGS :