.closebtn { background: red; /* border: 1px solid black; */ color: red; /* make a round button */ border-radius: 12px; /* center text */ line-height: 20px; text-align: center; font-size: 16px; font-weight:1; height: 20px; width: 20px; /* content: "\2716"; */ top: -10px; right: -10px; position: absolute; /* display: none; */ } .closebtn::before { /* content: "\2716"; */ content: "\2014"; color: white; }
Renderings:
The above is taken: http://blog.iderzheng.com/close-button-with-css-only/
You can modify the content can be encoded into the content of the following options
Special characters and shapes can save a lot of things, finishing a bit online, keep after use basic shapes ▲ 9650 25 b 2 ► ► 9658 9658 25BA 25BA ▼ 9660 25Bc ◄ 9668 25C4 10084 2764 ✈ ❤ ★ 9733 9992 2708 2605 ✦ 10022 2726 ☀ ◆ ◈ 25C6 9670 2600 9728 9672 25C8 ▣ 9635 25a3 punctuation, special symbols << 171 00AB >> 187 00BB <139 008B> 009B 155 "8220 201C" 8221 201D ' 8216 2018' • 8217 2019 8226 2022 9702 25E6 ¡◦ 161 00A1 ¿ 191 00BF ℅ 8453 2105 8470 2116 & № 0026 @ 38 is 64 deg.] C 8451 0040 2103 211E 8478 ℞ deg.] F176 ° 00B0 2109 8457 | 124 007C |166 00A6 - 8211 2013 - 8212 2014 ... 8230 2026 8764 ¶ 182 00B6 ~ 223C ≠ 8800 2260 Legal symbol ® 174 00AE 169 00A9 © 2117 ™ UHVVLQJ 8471 8480 2120 153 0099 ℠ various arrow ⇠ 8672 21E0 ⇢ 8674 21 e 2 ⇡ 8673 21E1 ⇣ 8675 21E3 ↞ 8606 219e ↠ 8608 21A0 ↟ 8607 219F ↡ 8609 21A1 ← 8592 2190 → 8594 2192 ↑ 8593 2191 ↓ 8595 2193 ↔ 8596 2194 ↕ 8597 2195 ⇄ 8644 21C4 ⇅ 8645 21C5 ↢ 8610 21A2 8611 21A3 ⇞ 8670 21DE ↣ ⇟ 8671 21DF ↫ 8619 21AB ↬ 8620 21AC ⇜ 21 dc ⇝ 8668 8602 8669 21Dd ↚ 219A ↛ 8603 219B ↮ 8622 21 ae ↭ 862121AD shape ⇦ 8678 ⇨ 8680 21E8 21E6 21E7 ⇩ ⇧ 8679 8631 8681 21E9 ↷ 21B7 ↶ 8630 21B6 ↻ 8635 8634 21BA 21BB ↺ ⟳ ⟲ 10226 10227 27F3 27F2 ⟰ 10224 10225 27F1 27F0 ⟱ 21B5 ↯ ↵ 8629 8693 8623 21a- f ⇵ 21F5 rightward arrow ➔ 10132 2794 ➙ 10137 2799 ➨ 10152 27A8 ➲ 10162 27B2 ➜ 10140 279C ➞ 10142 279E ➟ 10143 279F ➠ 10144 27A0 ➤ 10148 27A4 ➥ 10149 27A5 ➦ 10150 27A6 ➧ 10151 27A7 ➵ 10165 27B5 ➸ 10168 27B8 ➼ 10172 27BC ➽ 10173 27BD ➺ 27B3 27 BA ➳ ➾ 10163 10170 10174 27BE Currency $ 36 0024 ¢ £ 163 162 00A2 00A3 00A4 164 is ¤ € 836420AC ¥ 165 00A5 ₱ 8369 20B1 ₹ 8377 20B9 mathematical ½ 189 00BD ¼ 188 00BC ¾ 190 00BE ⅓ 8531 2153 ⅔ 8532 2154 ⅛- 8539 215B ⅜ 8540 215C for ⅝ 8541 215D ‰ 8240 2030% 37 [0025 <60 003C> 62 is 003E music notation ♩ ♪ ♫ 266A 9834 2669 9833 9835 9836 266C 266B ♬ ♭ ♯ 9839 9837 266D 266F pigeon, wrong number 160 00A0 ☑ 2610 ☐ 9744 ☒ 9746 9745 2611 2612 10003 2713 ✓ ✔ 10004 10005 2715 2714 ✕ ✖ ✗ 10006 2716 10007 2717 10008 ✘ 2718 cross ☨ 9768 9769 2629 2628 ☩ 271D ✞ ✝ 10013 10014 10015 271E ✟ 271f ✠ 10016 2720 10010 271A † ✚ ✢ 10018 8224 2020 2722 10020 2724 ✤ ✣10019 2723 ✥ 10021 2725 stars, stars, snowflakes ★ 9733 2605. ✭ 10029 272D ✮ 10030 272E ☆ 9734 2606 ✪ 10026 272A ✡ 10017 2721 ✯ 10031 272F ✵ 10037 2735 ✶ 10038 2736 ✸ 10040 2738 ✹ 10041 2739 ✺ 10042 273A ✱ 10033 2731 ✲ 10034 2732 is ✴ 10036 2734 ✳ 10035 2733 ✻ 10043 273B ✽ 10045 273D ❋ 10059 274B ❆ 10054 2746 ❄ 10052 2744 ❅ 10053 2745 miscellaneous ☻ 9787 263B ☺ 9786 263A ☹ 9785 2639 ✉ 9993 2709 ☎ 9742 260E ☏ 9743 260F ✆ 9990 2706 FFFD ☁ ☂ 9729 2601 65533 9730 2602 ❄ 10052 ☃ 2744 9731 2603 2748 10056 are ❈ ✿ ❀ 273F 10047 10048 2740 ❁10049 2741 ☘ 9752 2618 ❦ 10086 2766 ☕ 9749 9749 ❂ 10050 2742 ☥ 9765 2625 ☮ 9774 262E ☯ 9775 262F ☪ 9770 262A ☤ 9764 2624 ✄ 9988 2704 ✂ 9986 2702 ☸ 9784 2638 ⚓ 9875 2693 ☣ 9763 2623 ⚠ 9888 26A0 ⚡ 9889 26A1 ☢ 9762 2622 ♻ 9851 267B ♿ 9855 267F ☠ 9760 2620 hand type, pencils, pens ☜ 9756 261C ☞ 9758 261E ☝ 9757 261D ☟ 9759 261f ✌ 9996 270C ✍ 9997 270D ✎ 9998 270E ✐ 10000 2710 ✏ 9999 270F ✑ 10001 2711 ✒ 10002 2712 sky, plants ☽ 9789 9790 263E 263D ☾ ♂ ♀ 9792 9794 2642 9791 2640 ☿ 263 f ♁ 9793 9795 2643 2641 ♃ ♅ ♄ 9796 2644 9797 9798 2646 2645 ♆ ♇97,992,647 Constellation ♈ 9800 2648 9801 2649 ♊ ♉ 264A ♋ 9803 9802 9804 264B ♌ 264C ♍ 9805 264D 264E ♏ ♎ 9806 9807 264 f ♑ 9809 9810 2652 2651 ♒ ♓ 9811 2653 chess, playing cards ♚ 9818 265A ♛ 9819 9820 265C 265B ♜ ♝ 9821 265D ♞ 9822 265E EXIT 9823 265F ♔ 9812 2654 ♕ 9813 2655 ♖ 9814 2656 ♗ 9815 2657 ♘ 9816 2658 ♙ 9817 2659 ♠ 9824 2660 ♣ 9827 2663 ♥ 9829 2665 ♦ 9830 2666 ♤ 9828 2664 ♧ 9831 2667 ♡ 9825 2661 ♢ 9826 2662 Greek letters alpha 913 0391 914 0392 Beta Gamma] delta 915 0393 916 0394 917 0395 Epsilon zeta 918 0396 [eta] [Theta] 919 0397 920 0398 921 0399 K0 iota 922 039A [Lambda]923 039B 039C M 924 N 925 O 926 039D 039E The 927 039F P 928 P 929 03A0 03A1 03A3 S 931 T 932 Y 933 03A4 03A5 F 934 03A6 03A7 X 935 Y 936 Z 937 03A8 03A9
Excerpt: https://www.cnblogs.com/PheonixHkbxoic/p/6437330.html