HTML CSS examples for CSS Widget:Shape
Positioning elements along the visible border of a circle shaped div
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #parent {<!--from ww w.j a va 2s . c om--> position: relative; width: 300px; height: 300px; border: 1px dotted #000; border-radius: 150px; } #child { position: absolute; width: 30px; height: 30px; background-color: #666; } #child2 { position: absolute; top:35px; left:40px; width: 30px; height: 30px; background-color: red; border-radius: 150px; } </style> </head> <body> <div id="parent"> <div id="child"></div> <div id="child2"></div> </div> </body> </html>