a とは異なるサイズの正方形を使用してパイの形状を作成したいのですが、css で高さと幅が 1 ピクセルの正方形を境界線なしで作成するのに問題があります。ここに私の現在の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 スキルではこの作業を行うには不十分なようです。