首页 / HTML / html的特殊字符-css3content:"特殊符号"应该如何使用

html的特殊字符-css3content:"特殊符号"应该如何使用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html的特殊字符-css3content:"特殊符号"应该如何使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5066字，纯文字阅读大概需要8分钟。

内容图文

这次给大家带来html的特殊字符-css3 content:"特殊符号"应该如何使用，使用html的特殊符号应该如何使用的注意事项有哪些，下面就是实战案例，一起来看一下。

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

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;    
    bottombottom: 20px;    
    rightright: 15px;    
}    
.cross:after{    
    content: "\2715";//特殊字符或形状    
    color: #a2b6c5;    
    font-size: 12px;    
    position: relative;    
    left: 4px;    
    bottombottom: 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

相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的html的特殊字符-css3content:"特殊符号"应该如何使用全部内容，希望文章能够帮你解决html的特殊字符-css3content:"特殊符号"应该如何使用所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/392012.html

来源：【匿名】

【上一篇】h5如何实现记住密码功能【下一篇】PHP 和 HTML

更多 ►

【html的特殊字符-css3content:"特殊符号"应该如何使用】教程文章相关的互联网学习教程文章

HTML基础特殊字符版权注册商标摄氏度正负号【代码】【图】

OS : Windows 10browser : Chrome 83.0.4103.116editor : Visual Studio Code 1.46.1 typesetting : Markdown html<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body>版权:©<br />注册商标:®<br />摄氏度:°<br />正负号:±<br /> </body></...

转载之html特殊字符的html，js，css写法汇总

箭头类符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS?&#8672\u21E0\21E0?&#8674\u21E2\21E2?&#8673\u21E1\21E1?&#8675\u21E3\21E3?&#8606\u219E\219E?&#8608\u21A0\21A0?&#8607\u219F\219F?&#8609\u21A1\21A1←&#8592\u2190\2190→&#8594\u2192\2192↑&#8593\u2191\2191↓&#8595\u2193\2193?&#8596\u2194\2194?&#8597\u2195\2195?&#8644\u21C4\21C4?&#8645\u21C5\21C5?&#8610\u21A2\21A2?&#8611\u21A3\21A3?&#8670\u21DE\21DE?&#8671\...

HTML特殊字符的html、js、css写法汇总（转）

? 箭头类符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS?&#8672\u21E0\21E0?&#8674\u21E2\21E2?&#8673\u21E1\21E1?&#8675\u21E3\21E3?&#8606\u219E\219E?&#8608\u21A0\21A0?&#8607\u219F\219F?&#8609\u21A1\21A1←&#8592\u2190\2190→&#8594\u2192\2192↑&#8593\u2191\2191↓&#8595\u2193\2193?&#8596\u2194\2194?&#8597\u2195\2195?&#8644\u21C4\21C4?&#8645\u21C5\21C5?&#8610\u21A2\21A2?&#8611\u21A3\21A3?&#8670\u21DE\21DE?&#8...

HTML特殊字符大全

HTML的特殊字符我们并不常用，但是有的时候却要在页面中用到这些字符，甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在，国外的设计师Neal Chester整理了一份很全的特殊字符集，我觉得这很赞～～，共享出来供大家查阅吧。使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；下面符号列表的后面有两列编号，它们并不太一样，第一列是用于HTML的，你需要在前面加上&#符号；第二列可以用于CSS文件中，...

html标题，段落，换行，水平线，特殊字符应该如何使用

这次给大家带来html标题，段落，换行，水平线，特殊字符应该如何使用，在html使用标题，段落，换行，水平线，特殊字符的注意事项有哪些，下面就是实战案例，一起来看一下。<h1>一级标题</h1> <h2 align="对齐方式">二级标题</h2> 对齐方式有left,center,right三种，缺省表示left段落段落标记的结束标记可以省略，一个新的段落开始标记就意味着上一个段落的结束<p>段落文字</p>换行这段话结束前就<br>换行不换行当一段很长的时候，...

总结类html标题，段落，换行，水平线，特殊字符【图】

本文是关于html比较基础的知识，我们就和大家分享html标题，段落，换行，水平线，特殊字符相关知识。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。希望能帮助到大家。标题XML/HTML Code复制内容到剪贴板<h1>一级标题</h1><h2 align="对齐方式">二级标题</h2>对齐方式有left,center,right三种，缺省表示left段落段落标记的结束标记可以省略，一个新的段落开始标记就意味着上一个段落的结束XML/HTML Code复制内容到剪贴板...

PHP中用htmlspecialchars对特殊字符进行编码的弊端【图】

当对表单传递过来的参数用 htmlspecialchars 对特殊字符（& ，，" ，< ，> ）进行编码时（由于插入数据库安全过滤的需要），会出现如下问题。如果用户上传了一个文件是带有特殊字符的，如，文件名保存到数据库就会发生以下问题。如果你服务器端的 PHP 代码是通过 $_GET[id] 间接来获取它的文件名，然后以名称传输到客户端。?那么下载的时候就会出现如下文件名错误。个人主页： https://plus.google.com/+sherlockwang/p...

php正则过滤html特殊字符

<?php$str=preg_replace("/\s+/", " ", $str); //过滤多余回车 $str=preg_replace("/<[ ]+/si","<",$str); //过滤<__("<"号后面带空格) $str=preg_replace("/<\!–.*?–>/si","",$str); //注释 $str=preg_replace("/<(\!.*?)>/si","",$str); //过滤DOCTYPE $str=preg_replace("/<(\/?html.*?)>/si","",$str); //过滤html标签 $str=preg_replace("/<(\/?br.*?)>/si","",$str); //过滤br标签 $str=preg_replace("/<(\/?head.*?)>/si"...

html特殊字符过滤php类

[code] class HtmlFilter { /*** 过滤字符串中的特殊字符* @static* @param $content* @return string*/public static function filterSpacialHtmlChar($content){if (empty($content)) {return ;}$content=self::delAllSpace($content);$content=self::replaceHtmlAndJs($content);return strip_tags($content);} /*** 生成摘要* @static* @param $content* @param $len* @param string $char* @return string*/public static fu...

关于html特殊字符转义,该怎么解决【图】

关于html特殊字符转义,该怎么解决 - PHP 输出的时候转义。,你是说转义html? 建议</pre>输出时转义。数据库中应该保留原始数据，方便以后使用。另外如果先转义再入数据库，当需要search时，你的search关键字也需要先转义才能查询到数据。" /> 首页Web开发AndroidJ2EEPHPLinux/UnixMySqlC#更多... 当前位置: 代码迷 PHP 关于html特殊字符转义,该怎么解决关于html特殊字符转义,该怎么解决 www.MyException.Cn，网友分享于...

php中特殊字符用html代码好还是转义好？

嗯，因为是纯小白，这个问题可能有点菜，各位大神见谅…… 就是在写php时，需要echo特殊字符，比如"这个符号，写入php时是用转义\"好还是用html代码"好呢？请教各位，谢谢！谢谢各位！已经大致明白了，非常感谢各位的耐心解答！ PS.php大神果然不一样，回答都是那么的详细~~在此感谢了！回复内容：嗯，因为是纯小白，这个问题可能有点菜，各位大神见谅…… 就是在写php时，需要echo特殊字符，比如"这个符号，写入php时是用转义\"好...

htmlspecialchars和htmlentities处理特殊字符的一些思考

在firefox中，使用“查看”菜单中的“页面源代码”查看html源代码跟选中要看的内容然后点击”查看选中部分的源代码“ ，得到的源代码不相同，我们宁可相信前者，而不要相信后者。举例来说：页面为gbk的，中有一个表单，通过表单中的输入框输入这个字符“?”，保存到数据库中的是“?”，如果接着将它查出来在页面上显示（gbk字符），他会显示回原样：“?”，如果使用“查看选中部分的源代码”查看，他的html源代码仍然是这个怪异...

使用Js让Html中特殊字符不被转义_javascript技巧【图】

例如：之间包含有类似的这种转义字符的时候总会被解析，倒是可以把所有的"&"通过程序替换成"&"，但是有些本来就是"&"的也会被转换，这就错了。怎么让之间包含的文本原封不动的显示出来呢？代码如下: document.getElementById('t').innerText='a'; JavaScript教程/参考手册 JavaScript热搜自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vu...

浅谈jquery的html方法里包含特殊字符的处理

在使用jquery的html（）方法时，有时候里面添加的html代码含有一些特殊字符，需要进行转义。如下例子：inst_html = "<a style=color:white onmouseover = "; inst_html += "javascript:showme("+inst.instId+"_"+valId+");"; inst_html += " "; $("#inst_div_"+valId).html(inst_html); 如果这样直接写的话，在chrome和FF浏览器下，没有问题，但在IE8下会报错。解决方法就是将javascript里面的进行转义改成，这样就不报错了。...

使用Js让Html中特殊字符不被转义

例如：<textarea></textarea>之间包含有类似的这种转义字符的时候总会被解析，倒是可以把所有的"&"通过程序替换成"&"，但是有些本来就是"&"的也会被转换，这就错了。怎么让<textarea></textarea>之间包含的文本原封不动的显示出来呢？代码如下:<textarea id="t" rows="20"cols="20"></textarea> <script> document.getElementById('t').innerText='a<&>'; </script>

HTML - 技术教程分类

HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 链接 HTML 头部 HTML CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML URL HTML 速查列表 HTML 总结 XHTML 简介 HTML 媒体(Media) HTML 插件 HTML 实例 HTML 标签列表（功能排序） HTML 属性 HTML 事件 HTML 画布 HTML 音频/视频 HTML 颜色名 HTML 字符集 HTML ASCII HTML ISO-8859-1 HTML 符号 HTML 语言代码 html 全部

HTML - 最热教程

html5代码如何实现进度条功能？（示例）javascript中html字符串转化为jquerydo...HTML5实战与剖析之CSS选择器——getEle...html5中设置或返回音频/视频是否应该被...HTML5获取设备信息 jQuery打印指定区域Html页面并自动分页...jQuery+HTML5+CSS3制作支持响应式布局时...JS+HTML5实现上传图片预览效果完整实例...php删除html标签和标签内的内容的方法总...XMLHttpRequest中responseText如何获取...

首页 / HTML / html的特殊字符-css3content:"特殊符号"应该如何使用

html的特殊字符-css3content:"特殊符号"应该如何使用

内容导读

内容图文

内容总结

内容备注

内容手机端

【html的特殊字符-css3content:"特殊符号"应该如何使用】教程文章相关的互联网学习教程文章

HTML基础特殊字符版权注册商标摄氏度正负号【代码】【图】

转载之html特殊字符的html，js，css写法汇总

HTML特殊字符的html、js、css写法汇总（转）

HTML特殊字符大全

html标题，段落，换行，水平线，特殊字符应该如何使用

总结类html标题，段落，换行，水平线，特殊字符【图】

PHP中用htmlspecialchars对特殊字符进行编码的弊端【图】

php正则过滤html特殊字符

html特殊字符过滤php类

关于html特殊字符转义,该怎么解决【图】

php中特殊字符用html代码好还是转义好？

htmlspecialchars和htmlentities处理特殊字符的一些思考

使用Js让Html中特殊字符不被转义_javascript技巧【图】

浅谈jquery的html方法里包含特殊字符的处理

使用Js让Html中特殊字符不被转义

CSS3 - 相关标签

HTML - 相关标签

字符 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程

首页 / HTML / html的特殊字符-css3content:&quot;特殊符号&quot;应该如何使用

html的特殊字符-css3content:&quot;特殊符号&quot;应该如何使用

内容导读

内容图文

内容总结

内容备注

内容手机端

【html的特殊字符-css3content:&quot;特殊符号&quot;应该如何使用】教程文章相关的互联网学习教程文章

CSS3 - 相关标签

HTML - 相关标签

字符 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程

首页 / HTML / html的特殊字符-css3content:"特殊符号"应该如何使用

html的特殊字符-css3content:"特殊符号"应该如何使用

【html的特殊字符-css3content:"特殊符号"应该如何使用】教程文章相关的互联网学习教程文章