段圆形

Question

有没有办法让我的段落标记圈使用CSS3进行shapped？这样的事情：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/

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