zoukankan      html  css  js  c++  java
  • 伪元素 字体图标

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            @font-face {
                font-family: 'icomoon';
                src: url('fonts/icomoon.eot?cv013x');
                src: url('fonts/icomoon.eot?cv013x#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?cv013x') format('truetype'), url('fonts/icomoon.woff?cv013x') format('woff'), url('fonts/icomoon.svg?cv013x#icomoon') format('svg');
                font-weight: normal;
                font-style: normal;
            }
            
            span {
                font-family: 'icomoon';
                position: absolute;
                top: 10px;
                right: 10px;
            }
            
            div,
            p {
                position: relative;
                 249px;
                height: 35px;
                border: 1px solid red;
            }
            /* p::after {
                content: "";
                font-family: 'icomoon';
                position: absolute;
                top: 10px;
                right: 10px;
            } */
            
            p::after {
                content: "ea50";
                font-family: 'icomoon';
                position: absolute;
                top: 10px;
                right: 10px;
            }
        </style>
    </head>

    <body>
        <div>
            <span></span>
        </div>

        <p></p>

    </body>

    </html>
  • 相关阅读:
    变量的创建和初始化
    HDU 1114 Piggy-Bank (dp)
    HDU 1421 搬寝室 (dp)
    HDU 2059 龟兔赛跑 (dp)
    HDU 2571 命运 (dp)
    HDU 1574 RP问题 (dp)
    HDU 2577 How to Type (字符串处理)
    HDU 1422 重温世界杯 (dp)
    HDU 2191 珍惜现在,感恩生活 (dp)
    HH实习 acm算法部 1689
  • 原文地址:https://www.cnblogs.com/ericblog1992/p/12933294.html
Copyright © 2011-2022 走看看