<!DOCTYPE HTML>
<html lang="en">
<head>
<title> Studi Kasus-Modul3</title>
<style type="text/css">
<!--
.round {background-color:purple;
-moz-border-radius:100%;
-webkit-border-radius:0%;
border:2px solid black;
padding:15px;
width:130px;
height:130px;}
.ketupat{background-color:purple;
-moz-border-radius-bottomright:10%;
-moz-border-radius-topleft:10%;
border:2px solid black;
padding:15px;
width:250px;
height:30px;
}
.bayangan{background-color:purple;
border:2px solid black;
padding:15px;
width:250px;
height:40px;
-moz-box-shadow: -5px 10px 10px #222;}
-->
</style>
</head>
<body>
<div class ="round" align="center">
Lingkaran merupakan suatu bentuk yang memiliki jari-jari..
</div><br>
<div class="ketupat">
Bentuk ketupat dengan round kiri atas dan kanan bawah.
</div><br>
<div class="bayangan" align="center">
Bentuk segiempat dengan diberi efek bayangan.
</div>
</body>
</html>
Hasilnya adalah sebagai berikut...
Tidak ada komentar:
Posting Komentar