小三角的实现

写网页的时候都会遇到文字后面有一个小三角
像这样的

怎么把它手打出来

小三角是一个正方形隐藏了一半实现出来的

用i标签一定要转换

   div {
       i {
         display: inline-block;
         border: transparent 5px solid;
         border-top-color: black;
         vertical-align: middle;
        }
      }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 方法1:利用border属性实现 给特定元素(目标元素)只设置border值,不设置高宽,会得到一个包含四个小三角...
    小人物的秘密花园阅读 4,104评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,960评论 1 45
  • 妈妈的爱 德善要参加学校的集体出游活动,和同学们一起,随从学校安排去到另一个城市游玩。为了能够记录游玩的精彩瞬间,...
    一颗发财树L阅读 5,896评论 4 0
  • 设置闹钟4.20,起床时间4.30。比昨天进步一点。 最近一段时间孩子和自己都感冒咳嗽,早起喉咙有点痒老吐痰,希望...
    樱子姑娘阅读 1,248评论 0 0
  • 每个作者都有自己写作的风格,这与作者的个性,生活的环境有着不可分离的作用。 读一本玄幻小说,不知不觉把自己想象成...
    号播阅读 3,134评论 0 1