【CSS】角标(伪元素)

【CSS】角标(伪元素)_第1张图片
微信订阅号:Rabbit_svip



利用伪元素( ::before 和 ::after )制作,这样可以不影响主元素,也不用依赖其他html元素。

利用border的特性制作角标。

border属性还有很多玩法:

【CSS】多重边框(box-shadow、outline)

【CSS】画三角形(border)

【CSS】带边框的三角形(position)


本节效果

【CSS】角标(伪元素)_第2张图片
微信订阅号:Rabbit_svip


::before 里,设置 border-right-colortransparent(透明)

你可能感兴趣的:(【CSS】角标(伪元素))