content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。

所有主流浏览器都支持Content属性。

注意: IE8只有指定!DOCTYPE才支持Content属性。

常规用法:

给a标签添加属性,重开:
a:after{
    content: " (" attr(href) ")";
}

特殊字符和形状可以省去很多事情,整理了一下网上的,留着以后用


基本形状 
▲ 9650 25B2    ► 9658 25BA     ► 9658 25BA     ▼ 9660 25BC
◄ 9668 25C4    ❤ 10084 2764   ✈ 9992 2708    ★ 9733 2605
✦ 10022 2726   ☀ 9728 2600     ◆ 9670 25C6   ◈ 9672 25C8
▣ 9635 25A3


标点,特殊符号

« 171 00AB       » 187 00BB     ‹ 139 008B     › 155 009B     “ 8220 201C    ” 8221 201D 
‘ 8216 2018      ’ 8217 2019    • 8226 2022    ◦ 9702 25E6    ¡ 161 00A1     ¿ 191 00BF 
℅ 8453 2105      № 8470 2116    & 38 0026      @ 64 0040      ℞ 8478 211E    ℃ 8451 2103 
℉ 8457 2109      ° 176 00B0     | 124 007C     ¦ 166 00A6     – 8211 2013    — 8212 2014
… 8230 2026      ¶ 182 00B6     ∼ 8764 223C    ≠ 8800 2260


法律符号 

® 174 00AE    © 169 00A9     ℗ 8471 2117     ™ 153 0099     ℠ 8480 2120


各种箭头 

⇠ 8672 21E0 	⇢ 8674 21E2 	⇡ 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 	⇜ 8668 21DC 	⇝ 8669 21DD 	 ↚ 8602 219A 
↛ 8603 219B 	↮ 8622 21AE 	↭ 8621 21AD


形状 

⇦ 8678 21E6 	⇨ 8680 21E8 	⇧ 8679 21E7 	⇩ 8681 21E9 
↷ 8631 21B7 	↶ 8630 21B6 	 ↻ 8635 21BB 	 ↺ 8634 21BA 
⟳ 10227 27F3 	⟲ 10226 27F2 	 ⟰ 10224 27F0 	⟱ 10225 27F1 
↵ 8629 21B5 	↯ 8623 21AF 	 ⇵ 8693 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 
➺ 10170 27BA 	➳ 10163 27B3 	➾ 10174 27BE


货币 

$ 36 0024 		¢ 162 00A2 		£ 163 00A3 		¤ 164 00A4 	
€ 8364 20AC 	¥ 165 00A5 		₱ 8369 20B1 	₹ 8377 20B9


数学 

½ 189 00BD 		¼ 188 00BC 		¾ 190 00BE 		⅓ 8531 2153 	
⅔ 8532 2154 	⅛ 8539 215B 	⅜ 8540 215C 	⅝ 8541 215D 
‰ 8240 2030 	% 37 0025 		< 60 003C 		> 62 003E 

音乐符号 

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

对号、错号 

160 00A0 	☐ 9744 2610 	☑ 9745 2611 	☒ 9746 2612 
✓ 10003 2713 	✔ 10004 2714 	✕ 10005 2715 	✖ 10006 2716 
✗ 10007 2717 	✘ 10008 2718 

十字 

☨ 9768 2628 	☩ 9769 2629 	✝ 10013 271D 	✞ 10014 271E 
✟ 10015 271F 	✠ 10016 2720 	✚ 10010 271A 	† 8224 2020 	
✢ 10018 2722 	✤ 10020 2724 	✣ 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 	� 65533 FFFD 
☁ 9729 2601 	☂ 9730 2602 	❄ 10052 2744 	☃ 9731 2603 
❈ 10056 2748 	✿ 10047 273F 	❀ 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 

手型、铅笔、笔 

☜ 9756 261C 	☞ 9758 261E 	☝ 9757 261D 	☟ 9759 261F 
✌ 9996 270C 	✍ 9997 270D 	✎ 9998 270E 	✐ 10000 2710 
✏ 9999 270F 	✑ 10001 2711 	✒ 10002 2712 

天空、植物 

☽ 9789 263D 	☾ 9790 263E 	♂ 9794 2642 	♀ 9792 2640 
☿ 9791 263F 	♁ 9793 2641 	♃ 9795 2643 	♄ 9796 2644 
♅ 9797 2645 	♆ 9798 2646 	♇ 9799 2647 

星座 

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

象棋,扑克牌 

♚ 9818 265A 	♛ 9819 265B 	♜ 9820 265C 	♝ 9821 265D 
♞ 9822 265E 	♟ 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 

希腊字母 

Α 913 0391 		Β 914 0392 		Γ 915 0393 		Δ 916 0394 
Ε 917 0395 		Ζ 918 0396 		Η 919 0397 		Θ 920 0398 
Ι 921 0399 		Κ 922 039A 		Λ 923 039B 		Μ 924 039C 
Ν 925 039D 		Ξ 926 039E 		Ο 927 039F 		Π 928 03A0 
Ρ 929 03A1 		Σ 931 03A3 		Τ 932 03A4 		Υ 933 03A5 
Φ 934 03A6 		Χ 935 03A7 		Ψ 936 03A8 		Ω 937 03A9
以上文章来自:黄卉 , https://huanghui8030.github.io/css/content.html