项目中用到的一些特殊字符和图标

html代码

<div class="cross"></div>

css代码

.cross{

    width: 20px;

    height: 20px;

    background-color: #F3F9FF;

    border-radius: 10px;

    border: 1px solid #DBE6EF;

    display: inline-block;

    position: relative;

    bottom: 20px;

    right: 15px;

}

.cross:after{

    content: "\2715";//特殊字符或形状

    color: #a2b6c5;

    font-size: 12px;

    position: relative;

    left: 4px;

    bottom: 3px;

    cursor: pointer;

}

效果图

   就是一个圆圈里面带个叉叉

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

基本形状 
▲ 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

css 字符图标浏览器自带的更多相关文章

  1. css兼容各个浏览器的三角形图标

    css兼容各个浏览器的三角形图标 在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉菜单),简单的方式可以使用一张图片代替,但是随着前端技术的发展,以及开发者对于前端性能的“吹 ...

  2. CSS字符编码引起乱码

    乱码引起的CSS失效原理:     由于一个中文是两个字符组成,在编码不一致的情况下会引发字符的“重新”组合,(半个汉字的编码字符与后面的字符组合生成新的“文字”)引发原本的结束符合“变异”,从而导致 ...

  3. 自定义右键菜单，禁用浏览器自带的右键菜单[右键菜单实现--Demo]

    许多从事Web开发的会发现有些事,我们需要禁用浏览器本事自带的右键菜单,而实现自定义的右键菜单下面我们也来实现一个自定义的右键菜单 首先来创建JSP页面 <%@ page language=&q ...

  4. css firefox火狐浏览器下的兼容性问题

    1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-al ...

  5. Css - 字体图标

    Css - 字体图标 字体格式 ttf.otf.woff.svg.eot 现在流行将图标做成矢量的字体格式的文档,很多用户在放大页面的时候页面上的普通图片格式的图标就会变得模糊不清,这种字体图标在网页 ...

  6. css字体图标的制作和使用。

    css字体图标的制作和使用. 在项目开发的过程中,我们会经常用到一些图标.但是我们在使用这些图标时,往往会遇到失真的情况,而且图片数量很多的话,页面加载就越慢.所以,我们可以使用字体图标的方式来显示图 ...

  7. SVG小图片格式显示（字符图标，可设置title属性）

    1.HTML + Font 方式: 修改图标颜色只需修改字体颜色,修改图片大小只需修改字体大小. 关于字体图片,我们可以自己制作,也可以从网上下载 阿里巴巴矢量图库. 在线图标字体库.Icomoon. ...

  8. CSS兼容各浏览器的hack

    CSS兼容各浏览器的hack:建议:尽可能的手写代码,可以有效的提高学习效率和深度.浏览器的种类多,麻烦自然也多,主要是各种浏览器对某些属性的渲染效果并不相同,所以有时候需要专门针对特定浏览器或者特定 ...

  9. 谷歌chrome浏览器和火狐firefox浏览器自带http抓包工具和请求模拟插件

    谷歌chrome浏览器自带http抓包工具 chrome://net-internals/ 谷歌chrome浏览器http请求模拟插件:postman 火狐http请求模拟插件:httprequest ...

随机推荐

  1. 洛谷P2002 消息扩散

    题目背景 本场比赛第一题,给个简单的吧,这 100 分先拿着. 题目描述 有n个城市,中间有单向道路连接,消息会沿着道路扩散,现在给出n个城市及其之间的道路,问至少需要在几个城市发布消息才能让这所有n ...

  2. [树莓派]wifi在面板看不到，但是可以scan到的解决方案

    突然遇到一个问题,发现在wifi面板中找不到WiFi,但是运行scan命令可以发现WiFi,多方查找资料终于找到了一个解决方案: 运行如下命令: sudo apt-get install wicd   ...

  3. thinkphp使用with对关联数据进行预加载

    1.with('relation'),只预加载relation这个关联,如下面 public function relation() { return $this->hasOne(Relatio ...

  4. 题解【bzoj2440 [中山市选2011]完全平方数】

    Description 求第 \(k\) 个不含平方因子的正整数.多组询问.\(k \leq 10^9, T \leq 50\) Solution 网上的题解几乎都是容斥,这里给一个简单的也挺快的做法 ...

  5. 个人最常用的vim操作

    本文只记录个人工作中最常用到的vim快捷键,不是很全,但是已经覆盖了绝大多数功能. 参考:<鸟哥Linux私房菜>以及https://www.cnblogs.com/momofan/p/5 ...

  6. java rmi远程方法调用实例

    RMI的概念 RMI(Remote Method Invocation)远程方法调用是一种计算机之间利用远程对象互相调用实现双方通讯的一种通讯机制.使用这种机制,某一台计算机上的对象可以调用另外一台计 ...

  7. 0-如何正确使用 Django的User Model

    本篇主要讨论一下User Model的使用技巧. 注意, 由于Django 1.5之后user model带来了很大的变化, 本篇内容只针对django 1.5之后的版本. 1. 确定 User Mo ...

  8. HDU 1431 思维 基础数论

    找范围内回文素数,最大到1e8,我就是要枚举回文串,再判素数,然后因为这种弱智思路死磕了很久题目. /** @Date : 2017-09-08 15:24:43 * @FileName: HDU 1 ...

  9. 【CodeForces】908 E. New Year and Entity Enumeration

    [题目]E. New Year and Entity Enumeration [题意]给定集合T包含n个m长二进制数,要求包含集合T且满足以下条件的集合S数:长度<=m,非和与的结果都在集合中. ...

  10. 43、os和sys模块的作用？

    os与sys模块的官方解释如下: os:这个模块提供了一种方便的使用操作系统函数的方法. sys:这个模块可供访问由解释器使用或维护的变量和与解释器进行交互的函数. 总结:os模块负责程序与操作系统的 ...