CSS-边界半径和内部弯曲的实心边界 [英] CSS - border radius and solid border curved inside

问题描述

这种风格的边框在边框的外部具有平滑的拐角，但是拐角的内部是方形的，我也可以使它们也变圆吗？

This style give a border with smoothed corners on the outside of the border but the insides of the corners are sqaured of, can I make them rounded as well?

img{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

border:white solid 8px;
}

注意，问题仅在于图像，建议提交的图像仅适用于div。

Note the problem is only with images the suggestions submitted work only with a div.

推荐答案

您可以将border-radius值用作border-size值的两倍，以获取内圆角。

you can use border-radius values as twice the border-size value to obtain inside-rounded corners.

-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;

border:white solid 8px;

这篇关于CSS-边界半径和内部弯曲的实心边界的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！