[閉じる]ボタンを達成するためのCSS

.closebtn { 
    背景/ * 国境:1pxの黒一色。* /  ;
    / * 作る丸いボタン* / 
    ボーダー半径12ピクセル ;
    / * 中央のテキスト* / 
    行の高さ20ピクセル ; 
    テキスト整列センター ; 

    フォントサイズ16pxに ; 
    フォント重量1

    高さ20ピクセル ; 20ピクセル ; / * 内容: "\ 2716"。* / 
    トップ-10px ; -10px ; 
    位置絶対 ;
    / * ディスプレイ:なし。* / 
} 
.closebtn ::前 {
     / * 内容: "\ 2716"。* / 
    内容"\ 2014"  ; 
}

    

レンダリング:

 

上記取られる:  http://blog.iderzheng.com/close-button-with-css-only/

あなたは、コンテンツが次のオプションの内容にエンコードすることができます変更することができます

特殊文字や図形、オンラインビットを終え、使用後のキープ多くのものを保存することができ

、基本的な形状を 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 

句読点、特殊記号
<< 171 00AB >> 187 00BB <139 008B> 009B 155 "8220 201C" 8221 201D 
' 8216 2018' •8217 2019 8226 2022 9702 25E6¡◦ 161 00A1¿ 191 00BF  0026 8453 2105 8470 2116&№@ 38が64度である。] C 8451 0040 2103 8478 211E℞ 
゜F176°00B0 2109 8457 | 124 007C | 166 00A6 - 8211 2013から2014 8212 
... 2026 8764¶182 00B6 8230〜223C≠8800 2260 

リーガルシンボル
® 174 00AE 169 00A9©2117™UHVVLQJ 8471 8480 2120 153 0099℠ 

様々な矢印 21E1⇣8675 21E3↞8606 E 2⇡8673 8672 21E0⇢8674 21 部材219e  8608 21A0↟8607→8594 2192 219F↡8609 21A1←8592 2190  ↕8597 2195⇄8644↓8595 2193↔8596 2194 8593 2191 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の

形状 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↯↵⇵F 8629 8693 8623 21a- 21F5 

右向き矢印 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 

通貨
$ 36 0024¢£163 162 00A2 00A3 00A4 164ユーロ€8364です20AC 
¥ 165 00A5₱8369 20B1₹8377 20B9 

数学
半分 2153⅔8532 2154 189 00BD¼188 00BC¾190 00BE⅓8531 
⅛- 8539 215B⅜8540 215C⅝8541 215D‰8240 2030パーセント37 [0025のための
<60 003C> 62である003E 

楽譜 ♪♫266A 9834 2669 9833 9835 9836 266C 266B♬♭♯9839 9837 266D 266F 

ハト、間違った番号
 ☐9744☒9746 9745 2611 2612 10003 2713 160 00A0☑2610✓  10005 2715 2714✕✖✗10006 2716 10007 2717 10008 10004✘ 2718 

クロス 9768 9769 2629 2628☩271D✞✝10013 10014 10015 271E✟ 271f  10016 2720 10010 271A†✚✢8224 2020 2722 10020 2724 10018✤ 10019 2723 10021 2725✥ 

星、星、雪 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 10036 2734✴ある 10035 2733✻10043 273B✽10045 273D❋10059 274B❆10054 2746  10052 2744❅10053 2745 

雑多 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です❈✿❀10047 10048 2740 273F 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 

手型、鉛筆、ペン 9756 261C☞9758 261E☝9757 261D☟9759 261F✌9996 270C  9997 270D✎9998 270E✐10000 2710✏9999 270F✑10001 2711  10002 2712 

空、植物 9789 9790 263E 263D☾♂♀9792 9794 2642 9791 2640☿ 263 F  9795 2643 2641 9793♃♅♄2644 9797 9798 2646 2645 9796♆ 97992647 

星座 9800 2648 9801 2649♊♉♋9803 9802 9804 264A 264B♌ 264C  9805 264D 264E♏♎9806 9807 264 F♑9809 9810 2652 2651♒  9811 2653の

チェス、トランプ 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  ♡9825 2661♢9826 2662 9830 2666♤9828 2664♧9831 2667 

ギリシャ文字
、α 913 0391 914 0392ベータガンマ]デルタ915 0393 916 0394 917 0395イプシロン
ゼータ 918 0396、η[シータ] 919 0397 920 0398 921 0399 K0イオタ922 039A 
、λ923 039B 039C M 924 N 925 O 926 039D 039E 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

抜粋:  https://www.cnblogs.com/PheonixHkbxoic/p/6437330.html

 

おすすめ

転載: www.cnblogs.com/lesten/p/11991162.html