Make a round circle with border-radius and create inner shadow effect with box-shadow inset?
CSS3
BASIC HTML & CSS
<html>
<head>
<title>Create circle using css3</title>
<style>
body{background:orange;
}
.circle {
width: 100px;
height: 100px;
background: red;
text-align: center;
padding: 50px;
color: #fff;
font-size:24px;
font-family:arial;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
-moz-box-shadow: inset 1px 2px 20px black;
-webkit-box-shadow: inset 1px 2px 20px black;
box-shadow: inset 1px 2px 20px black;
}
</style>
</head>
<body>
<div class="circle">Circle
</div>
</body>
</html>
