-webkit-border-radius: 10px; /*support in Safari*/
-chrome-border-radius: 10px; /*support in Chrome*/
-moz-border-radius: 10px; /*support in Firefox*/
-ms-border-radius: 10px; /*support in Internet Explorer*/
-o-border-radius: 10px; /*support in Opera*/
border-radius: 10px; /*all support*/
<html>
<head>
<style type="text/javascript">
#border_radius {
border-radius: 10px;
width: 100px;
height: 100px;
background-color: #3878B1;
}
</style>
</head>
<body>
<div id="border_radius">
<p>border radius 10px</p>
</div>
</body>
</html>
Contoh:border-radius: 10px 36px
<html>
<head>
<style type="text/javascript">
#border_radius {
border-radius: 10px 36px;
width: 100px;
height: 100px;
background-color: #3878B1;
}
</style>
</head>
<body>
<div id="border_radius">
<p>border radius 10px 36px</p>
</div>
</body>
</html>
0 komentar:
Posting Komentar