웹 프론트엔드 HTML 튜토리얼 CSS3 콘텐츠를 인코딩하는 HTML 특수 문자: '나는 특수 기호입니다.'

CSS3 콘텐츠를 인코딩하는 HTML 특수 문자: '나는 특수 기호입니다.'

Sep 11, 2016 am 11:19 AM

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

html代码

1

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

로그인 후 복사

css代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

.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 🎜>> 155 009B                                                                           019   8226 2022 9702 25E6 ¡ 161 00A1 ¿ 191 00BF 8453 2105 No 8470 2116 & 38 0026 @ 64 0040               8451 2103 ° 8457 2109 ° 176 00B0 🎜> 166 00A6 8211 2013 8212 2014 … 8230 26 ¶ 182 00B6 🎜> ≠ 8800 2260 법적 기호 174 00ae © 169 00A9 8471 2117 99 8480 2120

다양한 화살

⇠ 8672 21E0  ⇢ 8674 21E2  ⇡ 8673 21E1  ⇣ 8675 21E3  ↞ 8606 219E  ↠ 8608 21A 0  ↟ 8607 219F  ↡ 8609 21A1  ← 8592 2190  → 8594 2192  ↑ 8593 2191  ↓ 8595 2193  ↕ 8597 2195  ⇄ 8 644 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  ➨ 1015 2 27A8  ➲ 10162 27B2  ➜ 10140 279C  ➞ 10142 279E  ➟ 10143 279F  ➠ 10144 27A0  ➤ 10148 27A4  ➥ 101 49 27A5  ➦ 10150 27A6  ➧ 10151 27A7 ➵ 10165 27B5  ➸ 10168 27B8  ➼ 10172 27BC  ➽ 10173 27BD  ➺ 10170 27BA  ➳ 10163  ➾ 10174 27BE

 

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

 

수학
½ 189 00BD ¼ 188 00BC ¼ 190 00BE ⅓ 8531 2153 ⅔ 8532 2154 ⅛ 8539 215B ⅜ 215C ⅝ 8541 215D ‰ 8240 2030 % 37 0025 < 60 003C > 음악 기호
♩ 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 271 A 8224 2020 ✢ 10018 2722 ✤ 10020 2724 ✣ 10019 2723 ✥ 10021 2725 별, 별, 눈송이
★ 9733 2605 ✭ 10 029 272D ✮ 10030 272E ☆ 9734 2606
✪ 10026 272A ✡ 10017 2721 ✯ 10031 272F ✵ 1003 7 2735 ✶ 10038 2736 ✸ 10040 2738 ✹ 10041 2739 ✺ 10042 273A ✱ 10033 2731 ✲ 10034 2732 ✴ 10036 2734 ✳ 10035 27 33 ✻ 10043 273B ✽ 10045 273D ❋ 10059 274B ❆ 10054 2746 ❄ 10052 2744 ❅ 10053 2745 기타
☻ 9787 263B ☺ 9786 263A ☹ 9785 2639 ✉ 9993 2709 ☎ 9742 260E ☏ 9743 260F ✆ 9 990 2706 � 65533 FFFD ☁ 9729 2601 ☂ 9730 2602 ❄ 10052 2744 ☃ 9731 2603 ❈ 10056 2748 ✿ 10047 273F ❀ 10048 40 ❁ 10049 2741 ☘ 9752 2618 ❦ 10086 2766 fo 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 ⚡ 9 889 26A1 ☢ 9762 2622 ♻ 9851 267B ♿ 9855 267F ☠ 9760 2620
손 모양, 연필, 펜
☜ 9756 261C ☞ 9 758 1E ☝ 9757 261D ☟ 9759 261F ✌ 9996 270C ✍ 9997 270D ✎ 9998 270E ✐ 10000 2710 ✏ 9999 270F ✑ 10001 2711 ✒ 10002 2712
하늘, 식물
☽ 9789 263D ☾ 9790 263E ♂ 9794 2642 ♀ 9 792 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 ♔ 98 12 2654 ♕ 9813 2655 ♖ 9814 2656 9815 2657 ♦ 9830 2666 ♤ 9828 2664 ♧ 9831 2667 ♡ 9825 2661 ♢ 9826 2662 그리스 문자 A 913 0391 B 914 0392
C 915 039A  Λ 923 039B M 924 039C N 925 039D
Ξ 926 039E 오 927 039F P 928 03A0 P 929 03A1 Σ 931 03A3 T 932 03A4  Y 933 03A5  Φ 934 03A6  X 935 03A7  Ψ 936 03A8
Ω 937 03A9

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

<gum> : Bubble Gum Simulator Infinity- 로얄 키를 얻고 사용하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Nordhold : Fusion System, 설명
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora : 마녀 트리의 속삭임 - Grappling Hook 잠금 해제 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML : 구조, CSS : 스타일, 자바 스크립트 : 동작 HTML : 구조, CSS : 스타일, 자바 스크립트 : 동작 Apr 18, 2025 am 12:09 AM

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 정의하고, 2. CSS는 웹 페이지 스타일을 제어하고 3. JavaScript는 동적 동작을 추가합니다. 그들은 함께 현대 웹 사이트의 프레임 워크, 미학 및 상호 작용을 구축합니다.

HTML, CSS 및 JavaScript의 미래 : 웹 개발 동향 HTML, CSS 및 JavaScript의 미래 : 웹 개발 동향 Apr 19, 2025 am 12:02 AM

HTML의 미래 트렌드는 의미론 및 웹 구성 요소이며 CSS의 미래 트렌드는 CSS-In-JS 및 CSShoudini이며, JavaScript의 미래 트렌드는 WebAssembly 및 서버리스입니다. 1. HTML 시맨틱은 접근성과 SEO 효과를 향상시키고 웹 구성 요소는 개발 효율성을 향상 시키지만 브라우저 호환성에주의를 기울여야합니다. 2. CSS-in-JS는 스타일 관리 유연성을 향상 시키지만 파일 크기를 증가시킬 수 있습니다. CSShoudini는 CSS 렌더링의 직접 작동을 허용합니다. 3. Webosembly는 브라우저 애플리케이션 성능을 최적화하지만 가파른 학습 곡선을 가지고 있으며 서버리스는 개발을 단순화하지만 콜드 스타트 ​​문제의 최적화가 필요합니다.

HTML의 미래 : 웹 디자인의 진화 및 트렌드 HTML의 미래 : 웹 디자인의 진화 및 트렌드 Apr 17, 2025 am 12:12 AM

HTML의 미래는 무한한 가능성으로 가득합니다. 1) 새로운 기능과 표준에는 더 많은 의미 론적 태그와 WebComponents의 인기가 포함됩니다. 2) 웹 디자인 트렌드는 반응적이고 접근 가능한 디자인을 향해 계속 발전 할 것입니다. 3) 성능 최적화는 반응 형 이미지 로딩 및 게으른로드 기술을 통해 사용자 경험을 향상시킬 것입니다.

HTML vs. CSS vs. JavaScript : 비교 개요 HTML vs. CSS vs. JavaScript : 비교 개요 Apr 16, 2025 am 12:04 AM

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. HTML은 컨텐츠 구조를 담당하고 CSS는 스타일을 담당하며 JavaScript는 동적 동작을 담당합니다. 1. HTML은 태그를 통해 웹 페이지 구조와 컨텐츠를 정의하여 의미를 보장합니다. 2. CSS는 선택기와 속성을 통해 웹 페이지 스타일을 제어하여 아름답고 읽기 쉽게 만듭니다. 3. JavaScript는 스크립트를 통해 웹 페이지 동작을 제어하여 동적 및 대화식 기능을 달성합니다.

HTML vs. CSS 및 JavaScript : 웹 기술 비교 HTML vs. CSS 및 JavaScript : 웹 기술 비교 Apr 23, 2025 am 12:05 AM

HTML, CSS 및 JavaScript는 최신 웹 페이지를 구축하기위한 핵심 기술입니다. 1. HTML 웹 페이지 구조를 정의합니다. 2. CSS는 웹 페이지의 모양을 담당합니다.

HTML 너머 : 웹 개발을위한 필수 기술 HTML 너머 : 웹 개발을위한 필수 기술 Apr 26, 2025 am 12:04 AM

강력한 기능과 우수한 사용자 경험을 가진 웹 사이트를 구축하기 위해서는 HTML만으로는 충분하지 않습니다. 다음 기술도 필요합니다. JavaScript는 웹 페이지 동적 및 상호 작용을 제공하며 DOM을 운영하여 실시간 변경을 달성합니다. CSS는 미학 및 사용자 경험을 향상시키기 위해 웹 페이지의 스타일과 레이아웃을 담당합니다. React, Vue.js 및 Angular와 같은 현대 프레임 워크 및 라이브러리는 개발 효율성 및 코드 조직 구조를 향상시킵니다.

& lt; strong & gt;, & lt; b & gt; 태그 및 & lt; em & gt;, & lt; i & gt; 태그? & lt; strong & gt;, & lt; b & gt; 태그 및 & lt; em & gt;, & lt; i & gt; 태그? Apr 28, 2025 pm 05:42 PM

이 기사는 HTML 태그, 등의 차이점과 시맨틱 대 프리젠 테이션 사용 및 SEO 및 접근성에 미치는 영향에 중점을 둡니다.

마크 업 언어로서의 HTML : 기능과 목적 마크 업 언어로서의 HTML : 기능과 목적 Apr 22, 2025 am 12:02 AM

HTML의 기능은 웹 페이지의 구조와 내용을 정의하는 것이며, 그 목적은 정보를 표시하는 표준화 된 방법을 제공하는 것입니다. 1) HTML은 타이틀 및 단락과 같은 태그 및 속성을 통해 웹 페이지의 다양한 부분을 구성합니다. 2) 콘텐츠 및 성능 분리를 지원하고 유지 보수 효율성을 향상시킵니다. 3) HTML은 확장 가능하므로 사용자 정의 태그가 SEO를 향상시킬 수 있습니다.

See all articles