0
如何正确制作这样的导航栏,特别是这两条相交的线。我知道,我可以使用transform: skewX(10deg);
旋转这个垂直线,但不知道我是OK与整个HTML & CSS特定的圆形导航
HTML:
<main>
<div class="rounded-rectangle">
<ul class="top">
<li>
<button>text</button>
</li>
<li>
<button>text</button>
</li>
</ul>
<ul class="bottom">
<li>
<button>text</button>
</li>
<li>
<button>text</button>
</li>
</ul>
</div>
</main>
谢谢,仅此而已。我有一个小问题。当我正在降低高度,例如min-height:110px时,内部文字不响应 – cygnus
@cygnus听起来像是超出了你的OP范围,不是?如果你无法弄清楚,你应该写一篇新文章,但你需要更具体。更改'最小高度'是什么?你是什么意思,它不响应 - 因为它重叠?听起来就像你只需要使用一些@media查询来处理不同的高度和调整字体大小,或者使用'vw'或'vh'单位来控制文本大小。无论如何,我认为这个帖子的评论有点复杂。 –
只知道我已经打破了'li'里面的高度,反正再次谢谢! – cygnus