<head>
<title>Studi Kasus Modul 3</title>
<style type="text/css">
<!--
.lingkaran{
display: block;
height: 100em;
width: 10em;
font-weight:300;
border: 0.2em solid #888943;
background-color: #CACC7F;
-moz-border-radius: 5em;
-webkit-border-radius: 5em;
-khtml-border-radius: 5em;
border-radius: 5px;
text-align: center;
}
.lingkaran2{
width:100px;
height:100px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
background:#0099FF;
text-align:center;
font-size:20px;
color:#0033FF
}
.text-lingkaran{
padding-top: 37px;
}
.border1{
width:200px;
text-align:center;
padding:10px;
background:#000000;
color: red;
font-weight: bold;
-moz-border-radius: 2em 0;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
}
.border2{
font-weight: bold;
border: 3px solid red;
}
.shadow {
width: 150px;
box-shadow: 6px 6px 8px #blue;
-moz-box-shadow: 5px 5px 7px #111;
-webkit-box-shadow: 6px 6px 6px #111;
}
-->
</style>
</head>
<body>
<div class="lingkaran2">
<span class="text-lingkaran">
bunder-bunder
</span>
</div>
<p>
<div class="border1">
border biasa sudut tidak sama
</div>
<div class="shadow">
<p class="border2">punya bayangan
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar