• 用CSS实现对(√)和错(×)


    1. <view class="game-bottom">
    2. <view class="btn-dc btn-dui" />
    3. <view class="btn-dc btn-cuo" />
    4. view>
    1. .game-bottom {
    2. display: flex;
    3. align-items: center;
    4. justify-content: center;
    5. height: 35%;
    6. }
    7. .btn-dc {
    8. display: flex;
    9. align-items: center;
    10. justify-content: center;
    11. width: 50%;
    12. height: 100%;
    13. color: #fff;
    14. font-size: 65rpx;
    15. }
    16. .btn-cuo {
    17. background: #ea5666;
    18. }
    19. .btn-cuo:before {
    20. content: '\2716';
    21. }
    22. .btn-dui {
    23. background: #2dbf12;
    24. }
    25. .btn-dui:before {
    26. content: '\2714';
    27. }

    常用的HTML和CSS的content属性特殊字符归纳

    注:因为这些字符属于unicode字符集,我们在使用时需将添加这些字符的代码声明为UTF-8格式

    各种箭头

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    867221E0
    867421E2
    867321E1
    867521E3
    8606219E
    860821A0
    8607219F
    860921A1
    85922190
    85942192
    85932191
    85952193
    85962194
    85972195
    864421C4
    864521C5
    861021A2
    861121A3
    867021DE
    867121DF
    861921AB
    862021AC
    866821DC
    866921DD
    8602219A
    8603219B
    862221AE
    862121AD

    各种形状

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    867821E6
    868021E8
    867921E7
    868121E9
    863121B7
    863021B6
    863521BB
    863421BA
    1022727F3
    1022627F2
    1022427F0
    1022527F1
    862921B5
    862321AF
    869321F5

    向右的箭头

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    101322794
    101372799
    1015227A8
    1016227B2
    10140279C
    10142279E
    10143279F
    1014427A0
    1014827A4
    1014927A5
    1015027A6
    1015127A7
    1016527B5
    1016827B8
    1017227BC
    1017327BD
    1017027BA
    1016327B3
    1017427BE

    基本形状

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    965025B2
    965825BA
    966025BC
    966825C4
    100842764
    99922708
    97332605
    100222726
    97282600
    967025C6
    967225C8
    963525A3

    标点符号

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    «17100AB
    »18700BB
    139008B
    155009B
    8220201C
    8221201D
    82162018
    82172019
    82262022
    970225E6
    ¡16100A1
    ¿19100BF
    84532105
    84702116
    &380026
    @640040
    8478211E
    84512103
    84572109
    °17600B0
    124007C
    ¦16600A6
    82112013
    82122014
    82302026
    18200B6
    8764223C
    88002260

    法律符号

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    ®17400AE
    ©16900A9
    84712117
    1530099
    84802120

    货币符号

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    $360024
    ¢16200A2
    £16300A3
    ¤16400A4
    836420AC
    ¥16500A5
    836920B1
    837720B9

    数学符号

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    ½18900BD
    ¼18800BC
    ¾19000BE
    85312153
    85322154
    8539215B
    8540215C
    8541215D
    82402030
    %370025
    <60003C
    >62003E

    音乐符号

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    98332669
    9834266A
    9835266B
    9836266C
    9837266D
    9839266F

    对、错符号

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    空格16000A0
    97442610
    97452611
    97462612
    100032713
    100042714
    1000510005
    100062716
    100072717
    100082718

    十字符号

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    97682628
    97692629
    10013271D
    10014271E
    10015271F
    100162720
    10010271A
    82242020
    100182722
    100202724
    100192723
    100212725

    星星、星号、雪花

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    97332605
    10029272D
    10030272E
    97342606
    10026272A
    100172721
    10031272F
    100372735
    100382736
    100402738
    100412739
    10042273A
    100332731
    100342732
    100362734
    100352733
    10043273B
    10045273D
    10059274B
    100542746
    100522744
    100532745

    其他杂项

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    9787263B
    9786263A
    97852639
    99932709
    9742260E
    9743260F
    99902706
    65533FFFD
    97292601
    97302602
    100522744
    97312603
    100562748
    10047273F
    100482740
    100492741
    97522618
    100862766
    97499749
    100502742
    97652625
    9774262E
    9775262F
    9770262A
    97642624
    99882704
    99862702
    97842638
    98752693
    97632623
    988826A0
    988926A1
    97622622
    9851267B
    9855267F
    97602620

    手型、铅笔、笔

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    9756261C
    9758261E
    9757261D
    9759261F
    9996270C
    9997270D
    9998270E
    100002710
    9999270F
    100012711
    100022712

    天空、植物

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    9789263D
    9790263E
    97942642
    97922640
    9791263F
    97932641
    97952643
    97962644
    97972645
    97982646
    97992647

    星座

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    98002648
    98012649
    9802264A
    9803264B
    9804264C
    9805264D
    9806264E
    9807264F
    98092651
    98102652
    98112653

    象棋,扑克牌

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    9818265A
    9819265B
    9820265C
    9821265D
    9822265E
    9823265F
    98122654
    98132655
    98142656
    98152657
    98162658
    98172659
    98242660
    98272663
    98292665
    98302666
    98282664
    98312667
    98252661
    98262662

    希腊字母

    图形样式用于HTML(字符前加 &# )用于CSS(字符前加 \ ) 和 JavaScript(字符前加 \u )
    Α9130391
    Β9140392
    Γ9150393
    Δ9160394
    Ε9170395
    Ζ9180396
    Η9190397
    Θ9200398
    Ι9210399
    Κ922039A
    Λ923039B
    Μ924039C
    Ν925039D
    Ξ926039E
    Ο927039F
    Π92803A0
    Ρ92903A1
    Σ93103A3
    Τ93203A4
    Υ93303A5
    Φ93403A6
    Χ93503A7
    Ψ93603A8
    Ω93703A9
  • 相关阅读:
    DSP、DMP、CDP、CRM
    C语言实现希尔排序
    GEO生信数据挖掘(一)数据集下载和初步观察
    Node.js 是怎么找到模块的?
    安卓APP源码和设计报告——仿淘宝水果商城
    练[MRCTF2020]Ez_bypass
    前端性能优化认知
    Java 反射reflect.Array类简介说明
    Linux 中的 chpasswd 命令及示例
    【备忘/shell】hadoop 常见shell 与相关进程操作命令 ing
  • 原文地址:https://blog.csdn.net/AdminGuan/article/details/126300266