笔记：使用CSS实现箭头图标

　

箭头图标

实现流程：

p => 内容缩小，边框加粗 => 内容缩小为0 =>把下边框去掉，剩下上，左，右边框 => 设置左右边框为透明 

.className::after{
    content:'';
    border-top: 9px solid white;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

相关阅读

CSS span标签里面的text-indent为何不起作用

对span设置text-indent没有起作用，是因为text-indent只能给块级元素设置。但是如果让span{display:block}转换为块级元素，就会换行，

通过css实现对勾（√）和叉号（×）

通过css实现对勾（√）和叉号（×）第一种方式： HTML： <span class="status correct"></span> <span class="status incorrect"></span> C

搜索设计中放大镜图标的优点和缺点

[核心提示] 用户认识一个放大镜图标的意思是&#8217;搜索&#8217;，即使没有一个文本标签。不足之处是图标更难被用户找到。在对搜索

CSS Hack是什么意思？css hack有什么用？

第一部分：什么是CSS Hack？ CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样

css3实现 slideUp/slideDown效果

1. 纯css3实现<h1><mark>PURE CSS</mark> Slide Up and Slide Down</h1> <input id="toggle" type="checkbox"><label for="toggl