如何使用 css 和
我想使用 a 中不同大小的正方形来制作饼形状，但是我在使用 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 技能似乎不足以完成这项任务。
I'd like to use different sized squares from a to make pie shapes, but I'm having trouble with the css to make a square one pixel in height and width with no borders. Here is my current 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;}
and here is a bit of the pie slice
<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>
I'd like help with this as my CSS skills seem to be inadequate for the task.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
嗯，你的问题的答案可能是
“删除‘宽度：37px；高度：37px；’来自你的内联CSS。”
Well, the answer to your question would probably be
"Remove the 'width:37px; height:37px;' from your inline css."