我已将个人资料图像设置为显示“圆形”。为了实现这一点,我将边框半径设置为 50%。
当我尝试为该圆形图像添加边框(即。border:1px black solid;
)时,它不遵循圆形图案,但它只是为方形图像添加边框。
如何添加圆形边框?
我已将个人资料图像设置为显示“圆形”。为了实现这一点,我将边框半径设置为 50%。
当我尝试为该圆形图像添加边框(即。border:1px black solid;
)时,它不遵循圆形图案,但它只是为方形图像添加边框。
如何添加圆形边框?
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.
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!
图像也不支持边框半径,html5 画布图像。尝试使用带有背景图像的 div。例子:
< div style="background-image: url('profilpic.png'); 边框半径: 10px; (etc...) ">
它会有边界半径