this is it...
<!DOCTYPE HTML>
<html lang="en">
<head>
<title> Studi Kasus</title>
<style type="text/css">
<!--
.round {
background-color:#FFCCCC;
-moz-border-radius:80px;
-webkit-border-radius:0px;
border:2px solid #000000;
padding:15px;
width:130px;
height:130px;
}
.ketupat{
background-color:#66FFCC;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
border:2px solid #000000;
padding:10px;
width:260px;
height:25px;
}
.bayangan{background-color:#CCCCFF;
border:2px solid #000000;
padding:20px;
width:260px;
height:25px;
-moz-box-shadow: 5px -10px 10px #221;
}
-->
</style>
</head>
<body>
<div class ="round" align="center">
Yang ini border lingkaran.Pendekatan yang digunakan masih sama lho. Mari Berkreasi!!!!!!!!!
</div><br>
<div class="ketupat">
Bisa gak bikin kreasi border kayak ini...
</div><br>
<div class="bayangan" align="center">
kalau ini efek shadowwwwww atau bayangan.......
</div>
</body>
</html>
<html lang="en">
<head>
<title> Studi Kasus</title>
<style type="text/css">
<!--
.round {
background-color:#FFCCCC;
-moz-border-radius:80px;
-webkit-border-radius:0px;
border:2px solid #000000;
padding:15px;
width:130px;
height:130px;
}
.ketupat{
background-color:#66FFCC;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
border:2px solid #000000;
padding:10px;
width:260px;
height:25px;
}
.bayangan{background-color:#CCCCFF;
border:2px solid #000000;
padding:20px;
width:260px;
height:25px;
-moz-box-shadow: 5px -10px 10px #221;
}
-->
</style>
</head>
<body>
<div class ="round" align="center">
Yang ini border lingkaran.Pendekatan yang digunakan masih sama lho. Mari Berkreasi!!!!!!!!!
</div><br>
<div class="ketupat">
Bisa gak bikin kreasi border kayak ini...
</div><br>
<div class="bayangan" align="center">
kalau ini efek shadowwwwww atau bayangan.......
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar