首页 > 代码库 > css实现红十字会图标
css实现红十字会图标
一同事应聘TX，出了一道题，分别用1,2,3,5个标签实现红十字会图标，图标水平、垂直居中，短边50px，长边150px。如图：
其中用2,3,5个标签实现不难，略过。一个标签的我比较有兴趣，午休时间想了下，睡醒后就动手实现，代码如下：
1 div{ 2 width: 150px; 3 height: 50px; 4 background: red; 5 position: absolute; 6 top: 50%; 7 left: 50%; 8 margin-left: -75px; 9 margin-top: -25px;10 }11 div:before{12 border-color: red;13 border-style: solid;14 border-width: 75px 25px;15 content: "";16 left: 50%;17 margin-left: -25px;18 position: absolute;19 top: -50px;20 }
css实现红十字会图标
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。