我可以使用HTML和CSS将文字换成圆圈吗?

问题描述 投票:-3回答:1

新手在这里,所以我很抱歉这是一个简单的答案。我来自印刷世界,我们经常在文本的开头段落后面使用圆圈或半圆圈。可以在HTML5和CSS3中做同样的事情吗?

我有创建圆圈和样式的代码,但我不知道如何让文字显示在圆圈的顶部。

html css text textwrapping
1个回答
0
投票

您可以尝试在包含文本的div上使用border-radius:50%。或者不是你的意思?

<body>
    <div>
        <p>this is content</p>
    </div>
</body>

div {background:red;height:50px;width:50px;border-radius:50%;padding:5%;text-align:center;}
p {margin:0;}

http://jsfiddle.net/NAvbX/

© www.soinside.com 2019 - 2024. All rights reserved.