是否可以在元素的圆角上放置文本？

问题描述

例如，给定一个像这样的简单片段

.outer {
    background-color: grey;
    padding: 100px;
    border-radius: 50px;
}

<div class="outer">
<div class="inner">
Ciao
</div>
</div>

是否可以将文本 Ciao 沿着外部 div 的四个圆角之一放置？

或者，更一般地说，是否可以让一些长文本跟随外部 div 的整个边框？例如，足够长的文本可以从一侧开始，沿该侧笔直进行，然后沿其中一个角弯曲，最后沿另一侧进行。

最终，我有兴趣在角落放置任何东西，例如包括 <ul>，所以可能 SVG 不是可行的方法（或者是吗？）。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）