一句话：css创建叉和勾

置顶高林雨露

已于 2024-04-12 09:15:26 修改

阅读量6.4k

点赞数 2

分类专栏： html5 css 文章标签： css

于 2017-06-02 20:10:22 首次发布

本文链接：https://blog.csdn.net/ck3345143/article/details/72847380

版权

html5 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

css

3 篇文章 0 订阅

订阅专栏

一句话：css创建叉和勾

√

//勾的创建

i{ 
display: inline-block; 
width: 10px;height:5px; 
background: red;line-height: 0;
font-size:0;
vertical-align: middle;
-webkit-transform: rotate(45deg);
}

i:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg) translateY(-50%) translateX(50%);}

//叉的创建

a{ display: inline-block; width: 20px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);}

  a:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg);}