段落圆形

Question

有没有办法让我的段落标签圆圈使用 CSS3 进行整形？像这样：http://dev.w3.org/csswg/css-page-floats/heart1.png

<p>Here's my paragraph</p>

p {
  border-radius:50%
}

这显然不起作用。

任何人都知道用 CSS3 做到这一点的方法吗？

Answer 1

正如 Paulie_D 在他的评论中所说，您需要设置段落的宽度和高度才能使其显示为圆形。

p {
    border-radius: 50%;
    height: 500px;
    width: 500px;
}

我很快为你整理了一个例子：http://jsfiddle.net/s99rpt20/

您还需要设置背景颜色或边框（或两者），否则您将无法看到半径，因为默认情况下段落没有背景颜色！