after僞元素實現空心三角箭頭和X圖標

在前端的設計稿上常常會看到‘X’這種形狀的關閉按鈕和‘>’以及其餘三個方向的空心箭頭圖標。css有多種方式來實現，嘗試了一下發現不是很容易記住，今天就來寫寫一個簡單的利用after僞元素來實現的方法。css 一、關閉圖標 html html部分 <span class="close"></span> css部分 .close{ display: inline-block; widt

>>阅读原文<<