Я бы хотел использовать квадраты разного размера для создания круговых фигур, но у меня возникли проблемы с CSS, чтобы сделать квадрат высотой и шириной в один пиксель без границ.Вот мой текущий css
#q-graph {position: relative; width: 300px; height: 300px; margin: 1.1em 0 3.5em; padding: 0; background: #DDD; border: 2px solid gray; list-style: none; font: 9px Helvetica, Geneva, sans-serif;}
#q-graph ul {margin: 0; padding: 0; list-style: none;}
#q-graph li {position: absolute; bottom: 0; width: 150px; z-index: 2; margin: 0; padding: 0; text-align: center; list-style: none;}
#q-graph li.bar {position: absolute; width: 1px; height: 1px; border: none }
#q-graph li.bar p {margin: 5px 0 0; padding: 0;}
, а здесь - кусочек пирога
<ul id="q-graph">
<a href='blah.com'><li class='bar' style='left:2px; top:126px; width:37px; height:37px; background:blue;border-color:blue;'></li></a>
<a href='blah.com'><li class='bar' style='left:9px; top:164px; width:37px; height:37px; background:blue;border-color:blue;'></li></a>
Я бы хотел помочь с этим, так как мои навыки CSS кажутся недостаточными для этой задачи.
Вот как это выглядит на данный момент