0

我已将个人资料图像设置为显示“圆形”。为了实现这一点,我将边框半径设置为 50%。

当我尝试为该圆形图像添加边框(即。border:1px black solid;)时,它不遵循圆形图案,但它只是为方形图像添加边框。

如何添加圆形边框?

4

3 回答 3

1

you just need to apply the border-radius to the same element that gets the border and the rounded corners.

@ben c.taylor : I don't know if it's a hack, but it works on Chrome at least, just tested.

于 2013-02-21T16:26:02.523 回答
1

Use the CSS background-image property to set the image as a background image of a div element for example. Then apply border-radius to this.

Dont forget your browser prefixes though!

于 2013-02-21T16:26:34.047 回答
-2

图像也不支持边框半径,html5 画布图像。尝试使用带有背景图像的 div。例子:

< div style="background-image: url('profilpic.png'); 边框半径: 10px; (etc...) ">

它会有边界半径

于 2013-02-21T16:24:38.057 回答