Arief Siswanto
2019-09-07 10:50:43CSS 2 - Border Radius - Position Absolute
<html>
<head>
<title>Cascading Stylesheet</title>
<style>
.box{
width: 300px;
height: 300px;
border: 1px solid #000;
border-radius: 50%;
}
.top-left{
position: absolute;
left:0px;
}
.top-right{
position: absolute;
left:600px;
}
.bottom-center{
position: absolute;
top: 300px;
left: 300px;
}
.middle-left{
position: absolute;
top:150px;
left:150px;
}
.middle-right{
position: absolute;
top:150px;
left:450px;
}
</style>
</head>
<body>
<div class="box top-left"></div>
<div class="box top-right"></div>
<div class="box middle-left"></div>
<div class="box middle-right"></div>
<div class="box bottom-center"></div>
</body>
</html>
Arief Siswanto
2019-09-07 16:23:41