我想使用不同大小的正方形来制作馅饼形状，但是我无法使用 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 技能似乎不足以完成这项任务。