【HTML】纯css实现的对号和叉号

2021-04-17 08:26

阅读：692

标签：inline orm block red before nsf play class order

对号

   .success{
    display: inline-block;
    font-weight: 700;
    margin: 0 10px;
    width: 8px;
    height: 13px;
    transform: rotate(45deg);
    border-style: solid;
    border-color: #009933;
    border-width:   0 4px 4px 0 ;
}

叉号

.error {
    width: 15px;
    height: 15px;
    margin: auto;
    position: relative;
    margin-left: 32px;
}
.error::before,
.error::after {
    content: "";
    position: absolute;
    height: 18px;
    width: 3px;
    top: 0px;
    right: 15px;
    background: red;
}
.error::before {
    transform: rotate(45deg);
}
.error::after {
    transform: rotate(-45deg);
}

【HTML】纯css实现的对号和叉号

标签：inline orm block red before nsf play class order

原文地址：https://www.cnblogs.com/richerdyoung/p/12294144.html

上一篇：Spring里面bean的依赖和继承

下一篇：Hibernate

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：【HTML】纯css实现的对号和叉号
文章链接：http://soscw.com/index.php/essay/76065.html

亲，登录后才可以留言！

【HTML】纯css实现的对号和叉号

评论

热门文章

推荐文章

最新文章

置顶文章