zoukankan      html  css  js  c++  java
  • 伪元素的妙用

    一:对勾

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>对勾</title>
      <style>
        *, :after, :before {
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
        }
        a {
          text-decoration: none;
        }
        .message {
          text-align: center;
        }
        .success {
          font-size: 16px;
          font-weight: 600;
          color: #42c02e;
        }
        .success:before {
          content: '';
          display: inline-block;
           18px;
          height: 10px;
          border- 0 0 4px 4px;
          border-style: solid;
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          position: relative;
          bottom: 4px;
          right: 8px;
        }
      </style>
    </head>
    <body>
      <div class="message">
        <a href="#" class="success">发布成功,点击查看文章</a>
      </div>
    </body>
    </html>
    
  • 相关阅读:
    6 、 图论—NP 搜索
    5 、 数值计算
    4 、 数论
    3 、 结构
    2 、 组合
    1 、 几何
    Dikstra 堆优化板子
    SPFA板子
    C++优先队列例子
    一些类使用的模板
  • 原文地址:https://www.cnblogs.com/sunshine21/p/10988450.html
Copyright © 2011-2022 走看看