CSS卡片右上角标记样式设计
2021-01-17 20:16
标签：main margin aaa html font item one code beef CSS卡片右上角标记样式设计 标签：main margin aaa html font item one code beef 原文地址：https://www.cnblogs.com/leslie1943/p/13358078.htmltemplate
样式文件
.each-one-in-list {
border: 1px solid #ebeef5;
background-color: #fff;
padding: 10px;
height: 300px;
}
.show-icon {
text-align: center;
background-color: #5aaafa;
color: #fff;
float: right;
font-size: 12px;
margin-right: -18px;
padding: 2px 5px 2px 5px;
width: 79px;
}
.show-signal {
border: 4px solid #939393 - 30;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
float: right;
margin-right: -79px;
margin-top: 24px;
width: 0;
height: 0;
}
效果图示
下一篇：js_逻辑运算符