Berikut adalah Script dari Tampilan diatas :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lingkaran</tittle>
<style type="text/css">
<!--
.circle {
background:yellow;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border: 2px solid #897048;
padding: 10px;
width: 180px;
height: 180px;
}
.blunder {
padding: 15px 15px 15px 15px;
width: 100px;
border: 2px;}
-->
<!--
.kotaklengkung {
background: red;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
padding:15px;
width:150px;
height:75px;
border: 2px solid #897048;}
-->
<!--
.shadow {
background: grey;
-moz-border-radius-topleft: 15px;
-moz-box-shadow: 10px 7px 5px;
-webkit-border-radius: 40px;
border: 2px solid #897048;
padding: 15px;
width: 150px;
height: 75px; }
-->
</style>
</head>
<body>
<div class="circle" align="center"><div class="blunder">
Border lingkaran, cocok untuk pemain bola, tapi sayang tidak bisa menggelinding sendiri
</div></div>
<br />
<div class="kotaklengkung" align="center">
Dalam kenyataan, pasti ada sesuatu yang lancip maupun yang tumpul,
seperti bangun ini
</div>
<br />
<div class="shadow" align="center">
Efek shadow, menggambarkan bayang-bayang ilusi....
Keren juga sih....
</div>
<br />
</body>
</html>
Tidak ada komentar:
Posting Komentar