podes utilizar esto que anda diez puntos!
Código CSS:
Ver originaldiv.servicesoffered {position: relative;width: 28em;background:#f5f5f5;margin: 10px 0 40px 0;}
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner {position: absolute;width: 20px;height: 20px;background-color: #fff;overflow: hidden;z-index: 0;}
div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {position: relative;font-size: 150px;font-family: arial;color: #f5f5f5;line-height: 40px;z-index: 0;}
div.top-left-corner { top: 0px; left: 0px; }
div.bottom-left-corner {bottom: 0px; left: 0px;}
div.top-right-corner {top: 0px; right: 0px;}
div.bottom-right-corner {bottom: 0px; right: 0px;}
div.top-left-inside {left: -8px;}
div.bottom-left-inside {left: -8px; top: -17px;}
div.top-right-inside {left: -25px;}
div.bottom-right-inside {left: -25px; top: -17px;}
y el HTML:
Código html:
Ver original<!-- Rounded Div -->
<div class="top-left-corner"><div class="comuntop-left-inside">•</div></div> <div class="bottom-left-corner"><div class="comunbottom-left-inside">•</div></div> <div class="top-right-corner"><div class="comuntop-right-inside">•</div></div> <div class="bottom-right-corner"><div class="comunbottom-right-inside">•</div></div> <div class="box-comuncontent"> <!-- Ends Rounded Div -->
espero te sirva!