边框效果-css-v1.0.0
2019-08-14 本文已影响0人
一点金光
半透边框
通过设置颜色的透明度实现。
border:10px solid hsla(0, 0%, 100%,.5);
框内圆角
方式1：为元素设置圆角，外层设置轮廓outline。圆角与直角之间的空隙用阴影补齐，阴影的尺寸为圆角半径的一半。
border-radius:.5rem;
outline:.5rem solid #655;
box-shadow:0 0 0 .25rem #655;
background: tan;
