Script CSS nya seperti ini:
<style>
.lengkung{
border-radius: 30px 0px 30px 0px;
-moz-border-radius: 30px 0px 30px 0px;
-webkit-border-radius: 30px 0px 30px 0px;
border: 2px solid #808080;
padding: 10px;
margin: 25px
}
</style>
Sedangkan untuk script HTML nya seperti ini:
<div class="lengkung"> <font size="5" align="center" face="Georgia">Membuat sudut lengkung dengan menggunakan css</font> </div> <p align="center">created by: w3codez.blogspot.com</p>
Penggabungan kedua script tersebut dengan menggunakan HTML 5, seperti ini:
<!DOCTYPE html>
<head>
<title>Membuat Sudut Lengkung</title>
</head>
<style>
.lengkung{
border-radius: 30px 0px 30px 0px;
-moz-border-radius: 30px 0px 30px 0px;
-webkit-border-radius: 30px 0px 30px 0px;
border: 2px solid #808080;
padding: 10px;
margin: 25px
}
</style>
<body>
<div class="lengkung">
<font size="5" align="center" face="Georgia">Membuat sudut lengkung dengan menggunakan css</font>
</div>
<p align="center">created by: w3codez.blogspot.com</p>
</body>
</html>
Adapun hasilnya nanti akan seperti ini:
Membuat sudut lengkung dengan menggunakan css
created by: w3codez.blogspot.com
Sekian, semoga bermanfaat. Mohon maaf bila ada kesalahan..
No comments:
Post a Comment