HTML CSS examples for CSS Widget:Shape
See background color only through circle center
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #background{ width:100%; height:100%; position:absolute; top:0; left:0; background:#ffff99; white-space: nowrap;<!--from w w w. j a va 2 s. co m--> text-align:center; overflow: hidden; } #background:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; } .circle{ width:100px; height:100px; position:relative; border-radius:50%; border: 1000px solid #999; display: inline-block; vertical-align: middle; white-space: normal; position: relative; left: -900px; top: -900px; } </style> </head> <body> <div id="background"> <div class="circle"> </div> </div> </body> </html>