css效果之边框内圆角

本文主要介绍了css效果之边框内圆角,分享给大家,也给自己留个笔记,具体如下: 效果如下 你可能想到的方法 padding: 16px; box-shadow: 0 0 0 8px #655; border-radius: 5px; 如果采用上面的方式,会产生一个与上面效果很像的效果:内外都是圆角。下过如下 如何将外面的那层shadow变为直角呢? 其关键就是outline和box-shadow属性:元素的圆角无法规定描边的方式 那么你可能会想到这样的实现方式 padding: 16px; outline: 8px solid #655 border-radius: 5px; 然后当