活頁夾 標簽

活頁夾 標簽

<div id="Mnul123456" style="height:500px;width:90%;"> <img style="display: none;" src="i" onerror="MmDd(this,1)" > <div class="Mn" onclick="MmDd(this,1)">float left</div> <div class="Mn" onclick="MmDd(this,2)">float right</div> <div class="Mn" onclick="MmDd(this,3)">float left</div> <div class="Mn" onclick="MmDd(this,4)">float right</div> <div class="Dd"> <div style="background-color: #ffd382; float: left; height: 60px; text-align: center; width: 200px;">1 div 顯示</div> <div style="background-color: #82ff82; float: left; height: 60px; text-align: center; width: 200px;">2 div 顯示</div> <br><br><br> 1 div {background-color: #ffd382; <span style="color: red;">float: left</span>; height: 60px; text-align: center; width: 200px;} <br /> 2 div {background-color: #82ff82; <span style="color: red;">float: left</span>; height: 60px; text-align: center; width: 200px;} </div> <div class="Dd"> <div style="background-color: #ffd382; float: right; height: 60px; text-align: center; width: 200px;">1 div 顯示</div> <div style="background-color: #82ff82; float: right; height: 60px; text-align: center; width: 200px;">2 div 顯示</div> <br><br><br> 1 div {background-color: #ffd382; <span style="color: red;">float: height</span>; height: 60px; text-align: center; width: 200px;} <br /> 2 div {background-color: #82ff82; <span style="color: red;">float: height</span>; height: 60px; text-align: center; width: 200px;} </div> <!-------------------------------------------------------------------------------------------> <div class="Dd">起初，神創造天地。 地是空虛混沌，淵面黑暗；神的靈運行在水面上。 神說：要有光，就有了光。 神看光是好的，就把光暗分開了。 神稱光為晝，稱暗為夜。有晚上，有早晨，這是頭一日。 神說：諸水之間要有空氣，將水分為上下。 神就造出空氣，將空氣以下的水、空氣以上的水分開了。事就這樣成了。 神稱空氣為天。有晚上，有早晨，是第二日。 神說：天下的水要聚在一處，使旱地露出來。事就這樣成了。 神稱旱地為地，稱水的聚處為海。神看著是好的。 神說：地要發生青草和結種子的菜蔬，並結果子的樹木，各從其類，果子都包著核。事就這樣成了。 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMa3fbcschI2vxmf4RGwxdn3jfM2N56-Ik46Oh3xFBQ-S0JHRjJvojLfpjKu2dVCmpHmg2Hjk2KEK-4-iQReohtaHv3sL_O2YMX1sGQdEvFlXU4I3RicLmJJ1Ub2Pi1pZ3jY2U3HpCMql/s1024/ck20180728.jpg" style="float: left; margin: 10px;" width="200"> 於是地發生了青草和結種子的菜蔬，各從其類；並結果子的樹木，各從其類；果子都包著核。神看著是好的。 有晚上，有早晨，是第三日。 神說：天上要有光體，可以分晝夜，作記號，定節令、日子、年歲， 並要發光在天空，普照在地上。事就這樣成了。 於是神造了兩個大光，大的管晝，小的管夜，又造眾星， 就把這些光擺列在天空，普照在地上， 管理晝夜，分別明暗。神看著是好的。 有晚上，有早晨，是第四日。 神說：水要多多滋生有生命的物；要有雀鳥飛在地面以上，天空之中。 神就造出大魚和水中所滋生各樣有生命的動物，各從其類；又造出各樣飛鳥，各從其類。神看著是好的。 神就賜福給這一切，說：滋生繁多，充滿海中的水；雀鳥也要多生在地上。 有晚上，有早晨，是第五日。 神說：地要生出活物來，各從其類；牲畜、昆蟲、野獸，各從其類。事就這樣成了。 於是神造出野獸，各從其類；牲畜，各從其類；地上一切昆蟲，各從其類。神看著是好的。 神說：我們要照著我們的形像、按著我們的樣式造人，使他們管理海裡的魚、空中的鳥、地上的牲畜，和全地，並地上所爬的一切昆蟲。 神就照著自己的形像造人，乃是照著他的形像造男造女。 神就賜福給他們，又對他們說：要生養眾多，遍滿地面，治理這地，也要管理海裡的魚、空中的鳥，和地上各樣行動的活物。 <p>....... img style="float: left; margin: 10px; width:200" ......</p> </div> <!-------------------------------------------------------------------------------------------> <div class="Dd">起初，神創造天地。 地是空虛混沌，淵面黑暗；神的靈運行在水面上。 神說：要有光，就有了光。 神看光是好的，就把光暗分開了。 神稱光為晝，稱暗為夜。有晚上，有早晨，這是頭一日。 神說：諸水之間要有空氣，將水分為上下。 神就造出空氣，將空氣以下的水、空氣以上的水分開了。事就這樣成了。 神稱空氣為天。有晚上，有早晨，是第二日。 神說：天下的水要聚在一處，使旱地露出來。事就這樣成了。 神稱旱地為地，稱水的聚處為海。神看著是好的。 神說：地要發生青草和結種子的菜蔬，並結果子的樹木，各從其類，果子都包著核。事就這樣成了。 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMa3fbcschI2vxmf4RGwxdn3jfM2N56-Ik46Oh3xFBQ-S0JHRjJvojLfpjKu2dVCmpHmg2Hjk2KEK-4-iQReohtaHv3sL_O2YMX1sGQdEvFlXU4I3RicLmJJ1Ub2Pi1pZ3jY2U3HpCMql/s1024/ck20180728.jpg" style="float: right; margin: 10px;" width="200"> 於是地發生了青草和結種子的菜蔬，各從其類；並結果子的樹木，各從其類；果子都包著核。神看著是好的。 有晚上，有早晨，是第三日。 神說：天上要有光體，可以分晝夜，作記號，定節令、日子、年歲， 並要發光在天空，普照在地上。事就這樣成了。 於是神造了兩個大光，大的管晝，小的管夜，又造眾星， 就把這些光擺列在天空，普照在地上， 管理晝夜，分別明暗。神看著是好的。 有晚上，有早晨，是第四日。 神說：水要多多滋生有生命的物；要有雀鳥飛在地面以上，天空之中。 神就造出大魚和水中所滋生各樣有生命的動物，各從其類；又造出各樣飛鳥，各從其類。神看著是好的。 神就賜福給這一切，說：滋生繁多，充滿海中的水；雀鳥也要多生在地上。 有晚上，有早晨，是第五日。 神說：地要生出活物來，各從其類；牲畜、昆蟲、野獸，各從其類。事就這樣成了。 於是神造出野獸，各從其類；牲畜，各從其類；地上一切昆蟲，各從其類。神看著是好的。 神說：我們要照著我們的形像、按著我們的樣式造人，使他們管理海裡的魚、空中的鳥、地上的牲畜，和全地，並地上所爬的一切昆蟲。 神就照著自己的形像造人，乃是照著他的形像造男造女。 神就賜福給他們，又對他們說：要生養眾多，遍滿地面，治理這地，也要管理海裡的魚、空中的鳥，和地上各樣行動的活物。起初，神創造天地。 地是空虛混沌，淵面黑暗；神的靈運行在水面上。 神說：要有光，就有了光。 神看光是好的，就把光暗分開了。 神稱光為晝，稱暗為夜。有晚上，有早晨，這是頭一日。 神說：諸水之間要有空氣，將水分為上下。 神就造出空氣，將空氣以下的水、空氣以上的水分開了。事就這樣成了。 神稱空氣為天。有晚上，有早晨，是第二日。 神說：天下的水要聚在一處，使旱地露出來。事就這樣成了。 神稱旱地為地，稱水的聚處為海。神看著是好的。 神說：地要發生青草和結種子的菜蔬，並結果子的樹木，各從其類，果子都包著核。事就這樣成了。 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMa3fbcschI2vxmf4RGwxdn3jfM2N56-Ik46Oh3xFBQ-S0JHRjJvojLfpjKu2dVCmpHmg2Hjk2KEK-4-iQReohtaHv3sL_O2YMX1sGQdEvFlXU4I3RicLmJJ1Ub2Pi1pZ3jY2U3HpCMql/s1024/ck20180728.jpg" style="float: right; margin: 10px;" width="200"> 於是地發生了青草和結種子的菜蔬，各從其類；並結果子的樹木，各從其類；果子都包著核。神看著是好的。 有晚上，有早晨，是第三日。 神說：天上要有光體，可以分晝夜，作記號，定節令、日子、年歲， 並要發光在天空，普照在地上。事就這樣成了。 於是神造了兩個大光，大的管晝，小的管夜，又造眾星， 就把這些光擺列在天空，普照在地上， 管理晝夜，分別明暗。神看著是好的。 有晚上，有早晨，是第四日。 神說：水要多多滋生有生命的物；要有雀鳥飛在地面以上，天空之中。 神就造出大魚和水中所滋生各樣有生命的動物，各從其類；又造出各樣飛鳥，各從其類。神看著是好的。 神就賜福給這一切，說：滋生繁多，充滿海中的水；雀鳥也要多生在地上。 有晚上，有早晨，是第五日。 神說：地要生出活物來，各從其類；牲畜、昆蟲、野獸，各從其類。事就這樣成了。 於是神造出野獸，各從其類；牲畜，各從其類；地上一切昆蟲，各從其類。神看著是好的。 神說：我們要照著我們的形像、按著我們的樣式造人，使他們管理海裡的魚、空中的鳥、地上的牲畜，和全地，並地上所爬的一切昆蟲。 神就照著自己的形像造人，乃是照著他的形像造男造女。 神就賜福給他們，又對他們說：要生養眾多，遍滿地面，治理這地，也要管理海裡的魚、空中的鳥，和地上各樣行動的活物。起初，神創造天地。 地是空虛混沌，淵面黑暗；神的靈運行在水面上。 神說：要有光，就有了光。 神看光是好的，就把光暗分開了。 神稱光為晝，稱暗為夜。有晚上，有早晨，這是頭一日。 神說：諸水之間要有空氣，將水分為上下。 神就造出空氣，將空氣以下的水、空氣以上的水分開了。事就這樣成了。 神稱空氣為天。有晚上，有早晨，是第二日。 神說：天下的水要聚在一處，使旱地露出來。事就這樣成了。 神稱旱地為地，稱水的聚處為海。神看著是好的。 神說：地要發生青草和結種子的菜蔬，並結果子的樹木，各從其類，果子都包著核。事就這樣成了。 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQMa3fbcschI2vxmf4RGwxdn3jfM2N56-Ik46Oh3xFBQ-S0JHRjJvojLfpjKu2dVCmpHmg2Hjk2KEK-4-iQReohtaHv3sL_O2YMX1sGQdEvFlXU4I3RicLmJJ1Ub2Pi1pZ3jY2U3HpCMql/s1024/ck20180728.jpg" style="float: right; margin: 10px;" width="200"> 於是地發生了青草和結種子的菜蔬，各從其類；並結果子的樹木，各從其類；果子都包著核。神看著是好的。 有晚上，有早晨，是第三日。 神說：天上要有光體，可以分晝夜，作記號，定節令、日子、年歲， 並要發光在天空，普照在地上。事就這樣成了。 於是神造了兩個大光，大的管晝，小的管夜，又造眾星， 就把這些光擺列在天空，普照在地上， 管理晝夜，分別明暗。神看著是好的。 有晚上，有早晨，是第四日。 神說：水要多多滋生有生命的物；要有雀鳥飛在地面以上，天空之中。 神就造出大魚和水中所滋生各樣有生命的動物，各從其類；又造出各樣飛鳥，各從其類。神看著是好的。 神就賜福給這一切，說：滋生繁多，充滿海中的水；雀鳥也要多生在地上。 有晚上，有早晨，是第五日。 神說：地要生出活物來，各從其類；牲畜、昆蟲、野獸，各從其類。事就這樣成了。 於是神造出野獸，各從其類；牲畜，各從其類；地上一切昆蟲，各從其類。神看著是好的。 神說：我們要照著我們的形像、按著我們的樣式造人，使他們管理海裡的魚、空中的鳥、地上的牲畜，和全地，並地上所爬的一切昆蟲。 神就照著自己的形像造人，乃是照著他的形像造男造女。 神就賜福給他們，又對他們說：要生養眾多，遍滿地面，治理這地，也要管理海裡的魚、空中的鳥，和地上各樣行動的活物。 <p>....... img style="float: right; margin: 10px; width:200" ......</p></div> </div> <style> .Mn { display:inline-block; height:30px; padding: 0px 8px; border: 1px solid black;background-color: silver ;border-style: solid solid hidden solid; cursor:pointer;border-radius:10px 5px 0px 0px;font-size: 22px;} .Dd {height: inherit; width: inherit;border: 1px solid black;margin-top:-0px;background-color:linen ;display:none;padding:3px;font-size: 22px;overflow:scroll } </style> <script type="text/javascript"> function MmDd(x,i){ var xx = document.getElementById(x.parentElement.id); var length =xx.children.length-1; var ii = 1; for (ii ; ii< length/2+1 ; ii++){ xx.children[ii].style.backgroundColor = "silver"; xx.children[ii+length /2].style.display = "none"; } xx.children[i].style.backgroundColor = "linen "; xx.children[i+length /2].style.display = "block"; //alert(length ) } </script>

00

Edit

用JavaScript連結Google Sheets #html #網頁計設計 #網頁資料庫 #script #style #css float left #css float right

CSS opacity 透明效果

CSS opacity 透明效果

<pre style="font-size:22px;"><br />CSS opacity 屬性的功能是用來控制元素的透明效果，<br /> 如 img 、div 、span 、table ... 等元素，<br /> 屬性的語法非常簡單，只需要透過數字的調整。<br /><br />opacity: x : x 從 0.0 至 1.0 都可以，完全透明是 0.0，完全不透明是 1.0。<br /><br /></pre>

00

<style>.flex-container { display: flex; justify-content: center; align-items: center; height: 80%; background-color: DodgerBlue; } </style><div class="flex-container"> <img id="IMG" src="https://9to5google.com/wp-content/uploads/sites/4/2019/01/google_logo_1.jpg" style="width: 400px;"></div> <div id="range" > <datalist id="tickmarks"> <option value="0" >0</option> <option value="10"></option> <option value="20">0.2</option> <option value="30"></option> <option value="40">0.4</option> <option value="50"></option> <option value="60">0.6</option> <option value="70"></option> <option value="80">0.8</option> <option value="90"></option> <option value="100">1</option> </datalist> <input type="range" step="0.1" list="tickmarks" min="0" max="1" value=1 oninput="showVal(this.value)"></div><span id="volumeBox" >1</span> <script>function showVal(newVal){ volumeBox.innerHTML=" <font size=6 color=blue >    img.style.opacity = "+newVal; IMG.style.opacity = newVal; } showVal(1) </script> <style>#range { width:400px;border: 1px solid black;float:left} #range input {width:99%; -webkit-appearance: none; background: rgba(0%,0%,0%,0); margin: 0 0 0 0; display: flex;height:20px;} #tickmarks{ width:103%; margin: 0 0 0 0; display: flex;} #tickmarks option{ width:410px; font-size: 15px;} input[type=range]:focus { outline: none;} /* --------------- Google Chrome ------------------ */ #range input::-webkit-slider-runnable-track { width: 100%; height: 3px; background: #fff; border: 1px solid #39404D; } #range input::-webkit-slider-thumb { border: 3px solid black; border-radius:50px 50px 0px 0px; background-color: coral; height:25px; width: 20px; cursor: pointer; -webkit-appearance: none;margin: -15px 0 0 0;} /* --------------- Firefox ------------------ */ #range input::-moz-range-track { width: 100%; height: 3px; background: #fff; border: 1px solid #39404D } #range input::-moz-range-thumb { border: 3px solid black; border-radius:50px 50px 0px 0px; background-color: coral; height:25px; width: 10px; cursor: pointer; -moz-appearance: none;} /* --------------- Microsoft Edge ------------------ */ input[type=range]::-ms-track { width: 100%; height: 3px; background: #fff; border: 1px solid #39404D;} #range input::-ms-thumb { border: 1px solid black; border-radius:50px 50px 0px 0px; background-color: coral; height:20px; width: 15px; cursor: pointer; margin: 1px 0 0 0; -webkit-appearance: none; } #range input::-ms-fill-lower { background: #fff; height:2px; border: 1px solid #39404D; border-radius: 2px; } #range input::-ms-fill-upper { background: #fff; height:2px; border: 1px solid #39404D; border-radius: 2px; } </style>

00

#CSS opacity#CSS opacity 透明效果

CSS opacity 透明效果

CSS opacity 透明效果

CSS3 opacity 屬性的功能是用來控制元素的透明效果，如 img 、div 、span 、table ... 等元素，使用 CSS3 opacity 屬性來輕鬆的達到網頁元素不透明度的調整，屬性的語法非常簡單，只需要透過數字的調整。
opacity: x : x 從 0.0 至 1.0 都可以，完全透明是 0.0，完全不透明是 1.0。

<div style="opacity:0.1;padding: 5px 10px; border: 1px solid black;" > opacity:0.3</div> <div style="opacity:0.6;padding: 5px 10px; border: 1px solid black;" > opacity:0.6</div> <div style="opacity:1.0;padding: 5px 10px; border: 1px solid black;" > opacity:1</div> <div style="padding: 5px 10px; border: 1px solid black;display: table-cell;"> <img style="width:auto;opacity:0.1" src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s200/images.jpg" /> <br>opacity:0.1 </div > <div style="padding: 5px 10px; border: 1px solid black;display: table-cell;"> <img style="width:auto;opacity:0.4;" src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s200/images.jpg" /> <br>opacity:0.4 </div > <div style="padding: 5px 10px; border: 1px solid black;display: table-cell;"> <img style="width:auto;opacity:1.0;" src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s200/images.jpg" /> <br>opacity:1.0 </div >

00

HTML img 圖片標籤

HTML img 圖片標籤

           HTML  <img> 圖片標籤用來在網頁顯示圖片，增加網頁內容豐富程度，
<img xxxx xxxx xxxx> img 標籤為一個獨立個體的，不需要像其他標籤唯雖需要結尾標籤，所以無  </img> 結尾。
           img 圖片標籤還包含許多不同的參數，用來替圖片做些設計，例如 border 可以替圖片增加邊框、width 可以現置圖片的顯示寬度、height 可以限制圖片的顯示高度 ... 等。

<img src="要插入的圖片 URL" alt="圖片替代文字" title="要顯示的文字" border="圖片邊框">

<img>語法中 src 必須之外，其他項目都是選擇項目，只要寫<img src="圖片網址">就可以把一張圖片插入到網頁中，需要替圖片做任何的設計，其他參數也不需要做任何的文字標示。

延伸閱讀 :
CSS max-width CSS max-height 屬性的功能是用來限制網頁元素最大寬度不可以超過指定的限度。
CSS min-width CSS min-height   屬性的功能是用來設定網頁元素的最低高度限制。

CSS background-image 用來設定背景圖片，設定單一網頁元素，如 DIV 區塊、span 區域或 HTML table 表格 的背景圖片。

參數	用法說明
src	圖片網址，必要項目。
border	圖片邊框，例如 border="0" 代表邊框為 0。
alt	圖片替代文字，當圖片顯示失效，則顯示 alt 文字。
title	圖片文字標示，當滑鼠移經圖片，自動顯示的文字。
width	圖片寬度，例如 width="120px" 代表寬度限制在 120px。
height	圖片高度，例如 height="100px" 代表高度限制在 100px。

width:auto 自動判斷圖片寬度。 <img style="width:auto;" src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s600/images.jpg" />

width:300px : 將圖片寬度設為 300px。 <img style="width:300px;" src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s600/images.jpg" />

height: 100px; width: 100px;  將圖片 寬度 高度 設為 100px。 <img src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s600/images.jpg" style="height: 100px; width: 100px;" />

height: inherit; width: inherit;  將圖設為父層的寬度 高度屬性值。 <div style="height: 150px; width: 150px;"> <img src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s600/images.jpg" style="height: inherit; width: inherit;" /></div>

max-width 及 max-height 設為 100px  ， 將圖 寬度/高度 有幾大都不能超出 100px。 <img src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s600/images.jpg" style="height: 400px; width: 400px;max-width:100px;max-height:100px;" />

height: 50% width: 50%; ， 將圖 寬度/高度 設定跟父元素的 寬度是400px 的 50%，同樣父元素的 高度是400px 的 50% 那麼，這個 img 的 寬度/高度 應該是 200px。 原文網址：https://read01.com/jadPB.html。 <div style="height: 400px; width: 400px;"> <img src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s600/images.jpg" style="height: 50%; width: 50%;" /></div>

box-shadow: 15px 15px 10px 0px rgba(20% , 20% , 40% , 0.6 ) :   設定圖片陰影。 <img style="box-shadow: 15px 15px 10px 0px rgba(20% , 20% , 40% , 0.6);" src="https://4.bp.blogspot.com/-aYcyfNZIe4Y/WUZAa7g5QsI/AAAAAAAAQBo/AkAUEIM3J-QvMfgzunpfBCbOnoBMcI5FwCLcBGAs/s600/images.jpg" width="200px" />

#imgT 為這個 table id ，設定 id : < table id="imgT ......，加入下列 CCS 後出現背景圖案。 <style> #imgT {background-image: url("http://vignette1.wikia.nocookie.net/evchk/images/5/58/81421815156067047.jpg/revision/latest?cb=20140125161815"); -moz-background-size: contain;       /*底圖就會依照區塊的大小，等比縮放到區塊中*/ -o-background-size: contain;            /*底圖就會依照區塊的大小，等比縮放到區塊中*/ -webkit-background-size: contain;   /*底圖就會依照區塊的大小，等比縮放到區塊中*/ background-position: center;           /*置中*/ background-repeat: no-repeat;         /*背景圖案不重複*/ border:2px solid #000000;               /*邊框樣式與顏色*/ background-color:#CCCCCC;         /*背景的顏色*/} </style>

hover another css

css hover after

<center>
<div id="Adiv">
<img id="Aimg" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTpmn2hGr71Zs3GGh-ApMIb-oTXBwOosq2vMzqssmnO564xnvikzQ" />
<div id="text"></div>
</div>
</center>
<style>#Aimg ,#Adiv {height:100px ;width:150px;} 
#text:after  {content: "滑鼠請移到上圖"} 
#Adiv:hover  #text:after{content: "滑鼠可以離開"} </style> 

hi

hi

<center>
<div id="Bdiv">
<img id="Bimg" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTpmn2hGr71Zs3GGh-ApMIb-oTXBwOosq2vMzqssmnO564xnvikzQ" />
<div id="Atext">hi</div>
<div id="Btext">hi</div>
<div id="Ctext"></div>
</div>
</center>
<style>#Bimg , #Bdiv {height:100px ;width:150px;} 
#Ctext:after  {content: "滑鼠請移到上圖"} 
#Bdiv:hover  #Ctext:after{content: "滑鼠可以離開"} </style> 

<div class="ot" id="WhoverA" style="background-color: azure; border: 8px outset gainsboro; float: left; height:600px; width: 48%;" >
<center>
<img id="img" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTpmn2hGr71Zs3GGh-ApMIb-oTXBwOosq2vMzqssmnO564xnvikzQ" />
<div id="txt"></div>
</center>
<style>#img {height:100px ;width:150px;} 
#txt:after  {content: "滑鼠請移到上圖"} 
#img:hover + #txt:after{content: "滑鼠可以離開"} </style>
兩個獨立 div , hover 後面要加 +

<div id="div1">A</div> <div id="div2">B</div>	#div1:hover + #div2{  .css } 兩個獨立 div , hover 後面要加 +
<div id="div1">A <div id="div2">B </div> </div>	#div1:hover  #div2{  .css } div1 內 div2 hover 後面無需加 +

CSS hoverhovercss hover another滑鼠到止div:hover選擇器

hover another css

hover another css

當滑鼠移過去元素的時候，改變元素的 CSS 而已。可以換個 底圖 圖片改變字的顏色大小等等 ，我們來瞧瞧 CSS 怎麼辦到的吧：

<div id="div1">A</div> <div id="div2">B</div>	#div1:hover + #div2{  .css } 兩個獨立 div , hover 後面要加 +
<div id="div1">A <div id="div2">B </div> </div>	#div1:hover  #div2{  .css } div1 內 div2 hover 後面無需加 +

<center> <img id="Aimg" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTpmn2hGr71Zs3GGh-ApMIb-oTXBwOosq2vMzqssmnO564xnvikzQ" /> <div id="text"> </div> </center> <style> #Aimg{height:100px ;width:100px;} #text:after {content: "滑鼠請移到上圖"} #Aimg:hover + #text:after{content: "滑鼠可以離開"} </style>

00

<center> <div id="Adiv"> <img id="Aimg" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTpmn2hGr71Zs3GGh-ApMIb-oTXBwOosq2vMzqssmnO564xnvikzQ" /> <div id="text"> </div> </div> </center> <style> #Aimg ,#Adiv {height:100px ;width:150px;} #text:after {content: "滑鼠請移到上圖"} #Adiv:hover #text:after{content: "滑鼠可以離開"} </style>

00

<center> <div class="circle"> <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTpmn2hGr71Zs3GGh-ApMIb-oTXBwOosq2vMzqssmnO564xnvikzQ" width="200" height="200"> </div> </center> <style> .circle img {transition: 1s ease;} .circle img:hover {border-radius:50%;transition: 1s ease;} </style>

00

marquee 跑馬燈

marquee 跑馬燈

<marquee behavior=alternate>內容</marquee>左 右 移動
內容

<marquee hspace="70">左、右空白70xp</marquee>
左、右空白70xp

<marquee loop="0">執行無限次</marquee>
執行無限次

<marquee loop="3">執行3次 </marquee>
執行3次

<marquee scrolldelay="100">間隔時間</marquee>
間隔時間

><marquee scrolldelay="500">間隔時間</marquee>
間隔時間

<marquee scrollamount="50">移動50xp</marquee>
移動50xp

<marquee scrollamount="1">移動1xp</marquee>
移動1xp

<marquee behavior="slide">內容</marquee>
內容

<marquee direction="right">內容</marquee>
內容

<marquee direction="up">內容</marquee>
內容

<marquee direction="down">內容</marquee>
內容

<marquee onmouseover="this.stop(); " onmouseout="this.start();">滑鼠到此</marquee>
滑鼠到此

<marquee scrollamount="40" style="width:40px" ><b>內容</b></marquee>
內容

<marquee vspace="30">上下空白30xp</marquee>
上下空白30xp

This text will bounce

<marquee direction="down" width="100%" height="200" behavior="alternate" >
      <marquee behavior="alternate">
           This text will bounce
      </marquee>
</marquee>

<marquee style="vertical-align:middle;" scrollamount="5" width="40">&lt;&lt;&lt;</marquee>
ABCDE
<marquee style="vertical-align:middle;" direction="right" scrollamount="5" width="40">&gt;&gt;&gt;</marquee> <<<ABCDE >>>

#html marquee#html scrollamount #html onmouseout #html direction #html onmouseover #html 跑馬燈#html scrolldelay #html marquee

marquee 跑馬燈

marquee 跑馬燈

<marquee behavior=alternate>內容</marquee>左 右 移動

內容

<marquee vspace="30">上下空白30xp</marquee>

上下空白30xp

<marquee hspace="70">左、右空白70xp</marquee>

左、右空白70xp

<marquee loop="0">執行無限次</marquee>

執行無限次

<marquee loop="3">執行3次 </marquee>

執行3次

<marquee scrolldelay="100">間隔時間</marquee>

間隔時間

<marquee scrolldelay="500">間隔時間</marquee>

間隔時間

<marquee scrollamount="50">移動50xp</marquee>

移動50xp

<marquee scrollamount="1">移動1xp</marquee>

移動1xp

<marquee behavior="slide">內容</marquee>

內容

<marquee direction="right">內容</marquee>

內容

<marquee direction="up">內容</marquee>

內容

<marquee direction="down">內容</marquee>

內容

<marquee onmouseover="this.stop(); " onmouseout="this.start();">滑鼠到此</marquee>

滑鼠到此

<marquee scrollamount="40" style="width:40px" ><b>內容</b></marquee>

內容

<marquee direction="down" width="100%" height="200" behavior="alternate" style="border:solid">   <marquee behavior="alternate">     This text will bounce   </marquee> </marquee>

This text will bounce

<marquee style="vertical-align:middle;" scrollamount="5" width="40">&lt;&lt;&lt;</marquee> ABCDE <marquee style="vertical-align:middle;" direction="right" scrollamount="5" width="40">&gt;&gt;&gt;</marquee>

<<< ABCDE >>>

HTML 特殊符號 文字數字

<style><style><style> <style>#ALLtxt div{font-size: 25px} .Ctxt {border: 1px double magenta;font-size: 20px;} </style> <div id="txtDP"></div><script> var TtxtA = [ " ", "辦公工具", "✉ 📧 📨 🖂 🖃 🖄 🖅 🖆 📤 📥 📩 📪 📫 📬 📭 📮 📦 📯 📜 📃 📄 🗎 🗏 🗐 🗅 🗆 🗇 🗈 🗉 🗊 🗋 🗌 🗍 📓 📔 📝 📒 📋 🕮 📕 📖 📗 📘 📙 📚 📰 🗞 🗟 📁 📂 🖿 🗀 🗁 🗂 🗃 🗄 📑 🔖 🔗 📅 📆 📇 🖉 🖊 🖋 🖌 🖍 🖎 ✍ 📌 🖈 📍 📎 🖇 📏 📐 ✂ ✄ ✁ ✃ 💼 📛 💹 📈 📉 📊 🗠 💰 💱 💲 💳 💴 💵 💶 💷 💸", "手勢", "👍 👌 ✋ 👍 👎 🖒 🖓 👌 🖏 👋 👏 🤘 🤟 🤞 🤙 🤝 ✌ 🖔 🖖 ✋ 🖐 🤚 🖑 🤲 👐 👊 🤛 🤜 🖕 👈 👉 👆 👇 ☚ ☛ ☜ ☞ ☝ ☟ 🖜 🖝 🖢 🖣 🖘 🖙 🖞 🖟 🖗 🖚 🖛 🖠 🖡", "箭頭符號 ", "← → ↑ ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↮ ⟵ ⟶ ⟷ ⇦ ⇨ ⇧ ⇩ ⬄ ⇳ ⬀ ⬁ ⬂ ⬃ ⬅ ( ⮕ ➡ ) ⬆ ⬇ ⬈ ⬉ ⬊ ⬋ ⬌ ⬍ ➛ ➜ ➔ ➝ ➞ ➟ ➠ ➥ ➦ ➧ ➨ ➲ ➢ ➣ ➤ ➺ ➻ ➼ ➽ 🡰 🡲 🡱 🡳 🡴 🡵 🡶 🡷 🡸 🡺 🡹 🡻 🡼 🡽 🡾 🡿 🢀 🢂 🢁 🢃 🢄 🢅 🢆 🢇 🡐 🡒 🡑 🡓 🡔 🡕 🡖 🡗 🡘 🡙 🡠 🡢 🡡 🡣 🡤 🡥 🡦 🡧 🡨 🡪 🡩 🡫 🡬 🡭 🡮 🡯 ↢ ↣ ⇽ ⇾ ⇿ ⇜ ⇝ ⬳ ⟿ ↞ ↠ ↟ ↡ ⇷ ⇸ ⤉ ⤈ ⇹ ⇺ ⇻ ⇞ ⇟ ⇼ ⬴ ⤀ ⬵ ⤁ ⬹ ⤔ ⬺ ⤕ ⬶ ⤅ ⬻ ⤖ ⬷ ⤐ ⬼ ⤗ ⬽ ⤘ ⤝ ⤞ ⤟ ⤠ ⤡ ⤢ ⤣ ⤤ ⤥ ⤦ ⤪ ⤨ ⤧ ⤩ ⤭ ⤮ ⤯ ⤰ ⤱ ⤲ ⤫ ⤬ ↰ ↱ ↲ ↳ ⬐ ⬎ ⬑ ⬏ ↴ ↵ ⤶ ⤷ ⤴ ⤵ ⥂ ⥃ ⥄ ⭀ ⥱ ⥶ ⥸ ⭂ ⭈ ⭊ ⥵ ⭁ ⭇ ⭉ ⥲ ⭋ ⭌ ⥳ ⥴ ⥆ ⥅ ⥹ ⥻ ⬰ ⇴ ⥈ ⬾ ⥇ ⬲ ⟴ ⥷ ⭃ ⥺ ⭄ ⇱ ⇲ ↸ ↹ ↯ ↭ ⥉ ⥰ ⬿ ⤳ ↜ ↝ ↼ ⇀ ↽ ⇁ ↿ ↾ ⇃ ⇂ ⇋ ⇌ ⥊ ⥋ ⥌ ⥍ ⥎ ⥏ ⥐ ⥑ ⥒ ⥓ ⥔ ⥕ ⥖ ⥗ ⥘ ⥙ ⥚ ⥛ ⥜ ⥝ ⥞ ⥟ ⥠ ⥡ ⥢ ⥤ ⥣ ⥥ ⥦ ⥨ ⥧ ⥩ ⥮ ⥯ ⥪ ⥬ ⥫ ⥭ ⇠ ⇢ ⇡ ⇣ ⤌ ⤍ ⤎ ⤏ ⬸ ⤑ ⇆ ⇄ ⇅ ⇵ ⇈ ⇊ ⇇ ⇉ ⬱ ⇶ ⇪ ⇫ ⇬ ⇭ ⇮ ⇯ ➳ ➵ ➴ ➶ ➸ ➷ ➹ ➙ ➘ ➚ ➾ ⇰ ⇐ ⇒ ⇑ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇍ ⇏ ⇎ ⟸ ⟹ ⟺ ⤂ ⤃ ⤄ ⤆ ⤇ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ 🢠 🢡 🢢 🢣 🢤 🢥 🢦 🢧 🢨 🢩 🢪 🢫 ⇚ ⇛ ⤊ ⤋ ⭅ ⭆ ⟰ ⟱ ↤ ↦ ↥ ↧ ⟻ ⟼ ⇤ ⇥ ⤒ ⤓ ↨ ⤙ ⤚ ⤛ ⤜ ↩ ↪ ↫ ↬ ⥼ ⥽ ⥾ ⥿ 🠴 🠶 🠵 🠷 🠼 🠾 🠽 🠿 🡀 🡁 🡂 🡃 🡄 🡆 🡅 🡇 🠹 🠻 🠸 🠺 🢘 🢚 🢙 🢛 🠀 🠂 🠁 🠃 🠄 🠆 🠅 🠇 🠈 🠊 🠉 🠋 🠐 🠒 🠑 🠓 🠔 🠖 🠕 🠗 🠘 🠚 🠙 🠛 🠜 🠞 🠝 🠟 🠠 🠢 🠱 🠳 🠤 🠦 🠨 🠪 🠬 🠮 🠰 🠲 🔙 🔚 🔛 🔜 🔝", "時鐘，防鎖", "⤼ ⤽ ↶ ↷ ⤾ ⤿ ⤸ ⤺ ⤹ ⤻ ↺ ↻ ⥀ ⥁ ⟲ ⟳ 🗘 ⮍ ⮌ ⮏ ⮎ ⮔ 🔁 🔂 🔃 🔄 ", "Pointers and Triangles", "◄ ► ◅ ▻ ◀ ▶ ▲ ▼", "Arrow Head, Arrow Shaft", "🢐 🢒 🢑 🢓 ⌃ ⌄ 🢔 🢖 🢕 🢗 🢜 🢝 🢞 🢟 🢬 🢭 ⮹", "Squares", "⬛ ⬜ ■ □ ◼ ◻ ◾ ◽ ▪ ▫🞌 🞍 🞎 🞏 🞐 🞑 🞒 🞓 🞔 🞕 🞖 ▢ ⧆ ⧇ ❏ ❐ ❑ ❒ ⧈ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ◰ ◱ ◲ ◳ ◧ ◨ ◩ ◪ ⧉ ⧠ ◫ ⧄ ⧅", "Circles", "⬤ ◯ ● ○ ⚫ ⚪ ⚬ ◌ ❍ 🔾 🔿 🞄 🞅 🞆 🞇 🞈 🞉 🞊 🞋 ◴ ◵ ◶ ◷ ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ ◉ ◍ 🔴 🔵 ◉ ◎ ⚆ ⚇ ⚈ ⚉", "Circle Arcs", "◜ ◝ ◞ ◟ ◠ ◡", "Rectangles", "▬ ▮ ▭ ▯", "Triangles", "▲ ▼ ◀ ▶ △ ▽ ◁ ▷ ⛛", "Small triangles", "▴ ▾ ◂ ▸ ▵ ▿ ◃ ▹", "Pointers", "◄ ► ◅ ▻ 🞀 🞂 🞁 🞃 ◸ ◹ ◺ ◿ ◢ ◣ ◤ ◥ ◬ ⟁ ◭ ◮ ⧨ ⧩ 🔺 🔻 🔼 🔽 ◆ ◇ ⧫ ◊ ▰ ▱ ⌑ 🞗 🞘 🞙 🞚 🞛 🞜 🞝 🞞 🞟 🞠 🔶 🔷 🔸 🔹 ◈ ⟐ 💠 ⬟ ⬢ ⬣ ⟡ ⛋ ⛞ ⛣ ⛶ ⋈ ⧑ ⧒ ⧓ ⧔ ⧕ ⌖ ⌚ ⌛ ✍ 🔋 🔒 ⧪ ⧬ ⧭ ⧮ ⧯ ⧰ ⧱ ⧲ ⧳", "Box Drawing Characters", "─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ ━ ┃ ┏ ┓ ┗ ┛ ┣ ┫ ┳ ┻ ╋ ═ ║ ╔ ╗ ╚ ╝ ╠ ╣ ╦ ╩ ╬ ┍ ┑ ┕ ┙ ┎ ┒ ┝ ┞ ┟ ┠ ┡ ┢ ┥ ┦ ┧ ┨ ┩ ┪ ┭ ┮ ┯ ┰ ┱ ┲ ┵ ┶ ┷ ┸ ┹ ┺ ┽ ┾ ┿ ╀ ╁ ╂ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊ ╒ ╓ ╕ ╖ ╘ ╙ ╛ ╜ ╞ ╟ ╡ ╢ ╤ ╥ ╧ ╨ ╪ ╫ ╌ ╍ ╎ ╏ ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ╭ ╮ ╯ ╰ ╱ ╲ ╳ ╴ ╵ ╶ ╷ ╸ ╹ ╺ ╻ ╼ ╽ ╾", "Block Elements, bottom aligned", "▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏▐ ▕ ▔ ▀ ░ ▒ ▓ ▖ ▗ ▘ ▝ ▚ ▞ ▙ ▟ ▛ ▜ ⦀ ⦙ ⦚ ⧘ ⧙ ⧚ ⧛", "APL Symbols", "¯ × ÷ ∘ ∣ ∼ ≠ ≤ ≥ ≬ ⌶ ⋆ ⌾ ⍟ ⌽ ⍉ ⍝ ⍦ ⍧ ⍪ ⍫ ⍬ ⍭ ← ↑ → ↓ ∆ ∇ ∧ ∨ ∩ ∪ ⌈ ⌊ ⊤ ⊥ ⊂ ⊃ ⌿ ⍀ ⍅ ⍆ ⍏ ⍖ ⍊ ⍑ ⍋ ⍒ ⍎ ⍕ ⍱ ⍲ ○ ⍳ ⍴ ⍵ ⍺ ⍶ ⍷ ⍸ ⍹ ⍘ ⍙ ⍚ ⍛ ⍜ ⍮ ¨ ⍡ ⍢ ⍣ ⍤ ⍥ ⍨ ⍩ ⎕ ⍞ ⍠ ⍯ ⍰ ⍌ ⍍ ⍐ ⍓ ⍔ ⍗ ⌷ ⌸ ⌹ ⌺ ⌻ ⌼ ⍁ ⍂ ⍃ ⍄ ⍇ ⍈", "Unicode Emoji", "😃 😄 😅 😆 😊 😎 😇 😈 😋 😏 😌 😁 😀 😂 🤣 🤠 🤡 🤑 😳 😉 😗 😚 😘 😙 😍 🤤 🤗 😛 😜 😝 🙃 😐 😑 🤔 🙄 😮 😔 😖 😕 😶 😯 🤐 😷 😩 😫 😪 😴 😵 😦 😢 😭 🤒 🤕 😒 😠 😡 😤 😣 😧 🤢 😬 😓 😰 😱 😲 😞 😥 😟 😨 🤥 🤓 🤖 😸 😹 😺 😻 😼 😽 😾 😿 🙀 🤦 🤷 🤳 🙅 🙆 🙇 🙋 🙌 🙍 🙎 🙏 🙈 🙉 🙊 💡 💢 💤 💥 💫 💦 💧 💨 💩 💪 👍 👌 ✋ 👶 👦 👧 👨 👩 👴 👵 👯 👸 👱 👰 🤰 🤴 🤵 👲 👳 👮 👷 💁 💂 💃 👹 👺 👻 👼 👿 💀 👽 👾 🛸 🧠 👁 👀 👂 👃 👄 👅 🎃 🎀 🎂 🎅 🤶 🎈 🎉 🎊 🎦 🎬 🎭 🐽 🐾 👣 💆 💇 💈 👤 👥 👪 👫 👬 👭 💬 💭 💯 🔟 🔥 🔰 🤩 🤨 🤯 🤪 🤬 🤮 🤫 🤭 🧐 🧒 🧑 🧓 🧕 🧔 🧙 🧚 🧛 🧜 🧝 🧞 🧟 🤱 🧖 🧗 🧘", ] var Llength = TtxtA.length; var strVar=""; strVar += "<div id=\"ALLtxt\">"; for(x=1;x<Llength ;x=x+2){ strVar += "<div class=\"Ctxt\">"; strVar += "<div>" + TtxtA[x] +"<\/div>"; strVar += "<div>" + TtxtA[x+1] +"<\/div>"; strVar += "<\/div>"; } strVar += "<\/div>"; document.getElementById('txtDP').innerHTML = strVar ; </script>

00

HTML 特殊符號 文字數字

<style> <style> <style> <style> #ALLtxt div{font-size: 25px} .Ctxt {border: 1px double magenta;font-size: 20px;} </style> <div id="txtDP"></div> <script> var TtxtA = [ " ", "辦公工具", "✉ 📧 📨 🖂 🖃 🖄 🖅 🖆 📤 📥 📩 📪 📫 📬 📭 📮 📦 📯 📜 📃 📄 🗎 🗏 🗐 🗅 🗆 🗇 🗈 🗉 🗊 🗋 🗌 🗍 📓 📔 📝 📒 📋 🕮 📕 📖 📗 📘 📙 📚 📰 🗞 🗟 📁 📂 🖿 🗀 🗁 🗂 🗃 🗄 📑 🔖 🔗 📅 📆 📇 🖉 🖊 🖋 🖌 🖍 🖎 ✍ 📌 🖈 📍 📎 🖇 📏 📐 ✂ ✄ ✁ ✃ 💼 📛 💹 📈 📉 📊 🗠 💰 💱 💲 💳 💴 💵 💶 💷 💸", "手勢", "👍 👌 ✋ 👍 👎 🖒 🖓 👌 🖏 👋 👏 🤘 🤟 🤞 🤙 🤝 ✌ 🖔 🖖 ✋ 🖐 🤚 🖑 🤲 👐 👊 🤛 🤜 🖕 👈 👉 👆 👇 ☚ ☛ ☜ ☞ ☝ ☟ 🖜 🖝 🖢 🖣 🖘 🖙 🖞 🖟 🖗 🖚 🖛 🖠 🖡", "箭頭符號 ", "← → ↑ ↓ ↔ ↕ ↖ ↗ ↘ ↙ ↚ ↛ ↮ ⟵ ⟶ ⟷ ⇦ ⇨ ⇧ ⇩ ⬄ ⇳ ⬀ ⬁ ⬂ ⬃ ⬅ ( ⮕ ➡ ) ⬆ ⬇ ⬈ ⬉ ⬊ ⬋ ⬌ ⬍ ➛ ➜ ➔ ➝ ➞ ➟ ➠ ➥ ➦ ➧ ➨ ➲ ➢ ➣ ➤ ➺ ➻ ➼ ➽ 🡰 🡲 🡱 🡳 🡴 🡵 🡶 🡷 🡸 🡺 🡹 🡻 🡼 🡽 🡾 🡿 🢀 🢂 🢁 🢃 🢄 🢅 🢆 🢇 🡐 🡒 🡑 🡓 🡔 🡕 🡖 🡗 🡘 🡙 🡠 🡢 🡡 🡣 🡤 🡥 🡦 🡧 🡨 🡪 🡩 🡫 🡬 🡭 🡮 🡯 ↢ ↣ ⇽ ⇾ ⇿ ⇜ ⇝ ⬳ ⟿ ↞ ↠ ↟ ↡ ⇷ ⇸ ⤉ ⤈ ⇹ ⇺ ⇻ ⇞ ⇟ ⇼ ⬴ ⤀ ⬵ ⤁ ⬹ ⤔ ⬺ ⤕ ⬶ ⤅ ⬻ ⤖ ⬷ ⤐ ⬼ ⤗ ⬽ ⤘ ⤝ ⤞ ⤟ ⤠ ⤡ ⤢ ⤣ ⤤ ⤥ ⤦ ⤪ ⤨ ⤧ ⤩ ⤭ ⤮ ⤯ ⤰ ⤱ ⤲ ⤫ ⤬ ↰ ↱ ↲ ↳ ⬐ ⬎ ⬑ ⬏ ↴ ↵ ⤶ ⤷ ⤴ ⤵ ⥂ ⥃ ⥄ ⭀ ⥱ ⥶ ⥸ ⭂ ⭈ ⭊ ⥵ ⭁ ⭇ ⭉ ⥲ ⭋ ⭌ ⥳ ⥴ ⥆ ⥅ ⥹ ⥻ ⬰ ⇴ ⥈ ⬾ ⥇ ⬲ ⟴ ⥷ ⭃ ⥺ ⭄ ⇱ ⇲ ↸ ↹ ↯ ↭ ⥉ ⥰ ⬿ ⤳ ↜ ↝ ↼ ⇀ ↽ ⇁ ↿ ↾ ⇃ ⇂ ⇋ ⇌ ⥊ ⥋ ⥌ ⥍ ⥎ ⥏ ⥐ ⥑ ⥒ ⥓ ⥔ ⥕ ⥖ ⥗ ⥘ ⥙ ⥚ ⥛ ⥜ ⥝ ⥞ ⥟ ⥠ ⥡ ⥢ ⥤ ⥣ ⥥ ⥦ ⥨ ⥧ ⥩ ⥮ ⥯ ⥪ ⥬ ⥫ ⥭ ⇠ ⇢ ⇡ ⇣ ⤌ ⤍ ⤎ ⤏ ⬸ ⤑ ⇆ ⇄ ⇅ ⇵ ⇈ ⇊ ⇇ ⇉ ⬱ ⇶ ⇪ ⇫ ⇬ ⇭ ⇮ ⇯ ➳ ➵ ➴ ➶ ➸ ➷ ➹ ➙ ➘ ➚ ➾ ⇰ ⇐ ⇒ ⇑ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇍ ⇏ ⇎ ⟸ ⟹ ⟺ ⤂ ⤃ ⤄ ⤆ ⤇ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ 🢠 🢡 🢢 🢣 🢤 🢥 🢦 🢧 🢨 🢩 🢪 🢫 ⇚ ⇛ ⤊ ⤋ ⭅ ⭆ ⟰ ⟱ ↤ ↦ ↥ ↧ ⟻ ⟼ ⇤ ⇥ ⤒ ⤓ ↨ ⤙ ⤚ ⤛ ⤜ ↩ ↪ ↫ ↬ ⥼ ⥽ ⥾ ⥿ 🠴 🠶 🠵 🠷 🠼 🠾 🠽 🠿 🡀 🡁 🡂 🡃 🡄 🡆 🡅 🡇 🠹 🠻 🠸 🠺 🢘 🢚 🢙 🢛 🠀 🠂 🠁 🠃 🠄 🠆 🠅 🠇 🠈 🠊 🠉 🠋 🠐 🠒 🠑 🠓 🠔 🠖 🠕 🠗 🠘 🠚 🠙 🠛 🠜 🠞 🠝 🠟 🠠 🠢 🠱 🠳 🠤 🠦 🠨 🠪 🠬 🠮 🠰 🠲 🔙 🔚 🔛 🔜 🔝", "時鐘，防鎖", "⤼ ⤽ ↶ ↷ ⤾ ⤿ ⤸ ⤺ ⤹ ⤻ ↺ ↻ ⥀ ⥁ ⟲ ⟳ 🗘 ⮍ ⮌ ⮏ ⮎ ⮔ 🔁 🔂 🔃 🔄 ", "Pointers and Triangles", "◄ ► ◅ ▻ ◀ ▶ ▲ ▼", "Arrow Head, Arrow Shaft", "🢐 🢒 🢑 🢓 ⌃ ⌄ 🢔 🢖 🢕 🢗 🢜 🢝 🢞 🢟 🢬 🢭 ⮹", "Squares", "⬛ ⬜ ■ □ ◼ ◻ ◾ ◽ ▪ ▫🞌 🞍 🞎 🞏 🞐 🞑 🞒 🞓 🞔 🞕 🞖 ▢ ⧆ ⧇ ❏ ❐ ❑ ❒ ⧈ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ◰ ◱ ◲ ◳ ◧ ◨ ◩ ◪ ⧉ ⧠ ◫ ⧄ ⧅", "Circles", "⬤ ◯ ● ○ ⚫ ⚪ ⚬ ◌ ❍ 🔾 🔿 🞄 🞅 🞆 🞇 🞈 🞉 🞊 🞋 ◴ ◵ ◶ ◷ ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ ◉ ◍ 🔴 🔵 ◉ ◎ ⚆ ⚇ ⚈ ⚉", "Circle Arcs", "◜ ◝ ◞ ◟ ◠ ◡", "Rectangles", "▬ ▮ ▭ ▯", "Triangles", "▲ ▼ ◀ ▶ △ ▽ ◁ ▷ ⛛", "Small triangles", "▴ ▾ ◂ ▸ ▵ ▿ ◃ ▹", "Pointers", "◄ ► ◅ ▻ 🞀 🞂 🞁 🞃 ◸ ◹ ◺ ◿ ◢ ◣ ◤ ◥ ◬ ⟁ ◭ ◮ ⧨ ⧩ 🔺 🔻 🔼 🔽 ◆ ◇ ⧫ ◊ ▰ ▱ ⌑ 🞗 🞘 🞙 🞚 🞛 🞜 🞝 🞞 🞟 🞠 🔶 🔷 🔸 🔹 ◈ ⟐ 💠 ⬟ ⬢ ⬣ ⟡ ⛋ ⛞ ⛣ ⛶ ⋈ ⧑ ⧒ ⧓ ⧔ ⧕ ⌖ ⌚ ⌛ ✍ 🔋 🔒 ⧪ ⧬ ⧭ ⧮ ⧯ ⧰ ⧱ ⧲ ⧳", "Box Drawing Characters", "─ │ ┌ ┐ └ ┘ ├ ┤ ┬ ┴ ┼ ━ ┃ ┏ ┓ ┗ ┛ ┣ ┫ ┳ ┻ ╋ ═ ║ ╔ ╗ ╚ ╝ ╠ ╣ ╦ ╩ ╬ ┍ ┑ ┕ ┙ ┎ ┒ ┝ ┞ ┟ ┠ ┡ ┢ ┥ ┦ ┧ ┨ ┩ ┪ ┭ ┮ ┯ ┰ ┱ ┲ ┵ ┶ ┷ ┸ ┹ ┺ ┽ ┾ ┿ ╀ ╁ ╂ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊ ╒ ╓ ╕ ╖ ╘ ╙ ╛ ╜ ╞ ╟ ╡ ╢ ╤ ╥ ╧ ╨ ╪ ╫ ╌ ╍ ╎ ╏ ┄ ┅ ┆ ┇ ┈ ┉ ┊ ┋ ╭ ╮ ╯ ╰ ╱ ╲ ╳ ╴ ╵ ╶ ╷ ╸ ╹ ╺ ╻ ╼ ╽ ╾", "Block Elements, bottom aligned", "▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏▐ ▕ ▔ ▀ ░ ▒ ▓ ▖ ▗ ▘ ▝ ▚ ▞ ▙ ▟ ▛ ▜ ⦀ ⦙ ⦚ ⧘ ⧙ ⧚ ⧛", "APL Symbols", "¯ × ÷ ∘ ∣ ∼ ≠ ≤ ≥ ≬ ⌶ ⋆ ⌾ ⍟ ⌽ ⍉ ⍝ ⍦ ⍧ ⍪ ⍫ ⍬ ⍭ ← ↑ → ↓ ∆ ∇ ∧ ∨ ∩ ∪ ⌈ ⌊ ⊤ ⊥ ⊂ ⊃ ⌿ ⍀ ⍅ ⍆ ⍏ ⍖ ⍊ ⍑ ⍋ ⍒ ⍎ ⍕ ⍱ ⍲ ○ ⍳ ⍴ ⍵ ⍺ ⍶ ⍷ ⍸ ⍹ ⍘ ⍙ ⍚ ⍛ ⍜ ⍮ ¨ ⍡ ⍢ ⍣ ⍤ ⍥ ⍨ ⍩ ⎕ ⍞ ⍠ ⍯ ⍰ ⍌ ⍍ ⍐ ⍓ ⍔ ⍗ ⌷ ⌸ ⌹ ⌺ ⌻ ⌼ ⍁ ⍂ ⍃ ⍄ ⍇ ⍈", "Unicode Emoji", "😃 😄 😅 😆 😊 😎 😇 😈 😋 😏 😌 😁 😀 😂 🤣 🤠 🤡 🤑 😳 😉 😗 😚 😘 😙 😍 🤤 🤗 😛 😜 😝 🙃 😐 😑 🤔 🙄 😮 😔 😖 😕 😶 😯 🤐 😷 😩 😫 😪 😴 😵 😦 😢 😭 🤒 🤕 😒 😠 😡 😤 😣 😧 🤢 😬 😓 😰 😱 😲 😞 😥 😟 😨 🤥 🤓 🤖 😸 😹 😺 😻 😼 😽 😾 😿 🙀 🤦 🤷 🤳 🙅 🙆 🙇 🙋 🙌 🙍 🙎 🙏 🙈 🙉 🙊 💡 💢 💤 💥 💫 💦 💧 💨 💩 💪 👍 👌 ✋ 👶 👦 👧 👨 👩 👴 👵 👯 👸 👱 👰 🤰 🤴 🤵 👲 👳 👮 👷 💁 💂 💃 👹 👺 👻 👼 👿 💀 👽 👾 🛸 🧠 👁 👀 👂 👃 👄 👅 🎃 🎀 🎂 🎅 🤶 🎈 🎉 🎊 🎦 🎬 🎭 🐽 🐾 👣 💆 💇 💈 👤 👥 👪 👫 👬 👭 💬 💭 💯 🔟 🔥 🔰 🤩 🤨 🤯 🤪 🤬 🤮 🤫 🤭 🧐 🧒 🧑 🧓 🧕 🧔 🧙 🧚 🧛 🧜 🧝 🧞 🧟 🤱 🧖 🧗 🧘", ] var Llength = TtxtA.length; var strVar=""; strVar += "<div id=\"ALLtxt\">"; for(x=1;x<Llength ;x=x+2){ strVar += "<div class=\"Ctxt\">"; strVar += "<div>" + TtxtA[x] +"<\/div>"; strVar += "<div>" + TtxtA[x+1] +"<\/div>"; strVar += "<\/div>"; } strVar += "<\/div>"; document.getElementById('txtDP').innerHTML = strVar ; </script>

00

HTML 文字 數字 特殊符號

HTML 特殊符號 文字數字

<style> #ALLtxt div{font-size: 25px} .Ctxt {border: 1px double magenta;font-size: 20px;} </style> <div id="txtDP"></div> <script> var TtxtA = [ " ", "Black Circled Letters", "🅐🅑🅒🅓🅔🅕🅖🅗🅘🅙🅚🅛🅜🅝🅞🅟🅠🅡🅢🅣🅤🅥🅦🅧🅨🅩", "White Circled Letters", "ⒶⒷⒸⒹⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ", "Letter with Parenthesis", "🄐🄑🄒🄓🄔🄕🄖🄗🄘🄙🄚🄛🄜🄝🄞🄟🄠🄡🄢🄣🄤🄥🄦🄧🄨🄩⒜⒝⒞⒟⒠⒡⒢⒣⒤⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵", "Squared Letters", "🄰🄱🄲🄳🄴🄵🄶🄷🄸🄹🄺🄻🄼🄽🄾🄿🅀🅁🅂🅃🅄🅅🅆🅇🅈🅉", "Mathematical Double-Struck", "𝔸𝔹ℂ𝔻𝔼𝔽𝔾ℍ𝕀𝕁𝕂𝕃𝕄ℕ𝕆ℙℚℝ𝕊𝕋𝕌𝕍𝕎𝕏𝕐ℤ𝕒𝕓𝕔𝕕𝕖𝕗𝕘𝕙𝕚𝕛𝕜𝕝𝕞𝕟𝕠𝕡𝕢𝕣𝕤𝕥𝕦𝕧𝕨𝕩𝕪𝕫𝟘𝟙𝟚𝟛𝟜𝟝𝟞𝟟𝟠𝟡", "Mathematical Fraktur", "𝔄𝔅ℭ𝔇𝔈𝔉𝔊ℌℑ𝔍𝔎𝔏𝔐𝔑𝔒𝔓𝔔ℜ𝔖𝔗𝔘𝔙𝔚𝔛𝔜ℨ𝔞𝔟𝔠𝔡𝔢𝔣𝔤𝔥𝔦𝔧𝔨𝔩𝔪𝔫𝔬𝔭𝔮𝔯𝔰𝔱𝔲𝔳𝔴𝔵𝔶𝔷", "Mathematical Bold Fraktur", "𝕬𝕭𝕮𝕯𝕰𝕱𝕲𝕳𝕴𝕵𝕶𝕷𝕸𝕹𝕺𝕻𝕼𝕽𝕾𝕿𝖀𝖁𝖂𝖃𝖄𝖅𝖆𝖇𝖈𝖉𝖊𝖋𝖌𝖍𝖎𝖏𝖐𝖑𝖒𝖓𝖔𝖕𝖖𝖗𝖘𝖙𝖚𝖛𝖜𝖝𝖞𝖟", "Mathematical Bold", "𝐀𝐁𝐂𝐃𝐄𝐅𝐆𝐇𝐈𝐉𝐊𝐋𝐌𝐍𝐎𝐏𝐐𝐑𝐒𝐓𝐔𝐕𝐖𝐗𝐘𝐙𝐚𝐛𝐜𝐝𝐞𝐟𝐠𝐡𝐢𝐣𝐤𝐥𝐦𝐧𝐨𝐩𝐪𝐫𝐬𝐭𝐮𝐯𝐰𝐱𝐲𝐳𝟎𝟏𝟐𝟑𝟒𝟓𝟔𝟕𝟖𝟗", "Mathematical Italic", "𝐴𝐵𝐶𝐷𝐸𝐹𝐺𝐻𝐼𝐽𝐾𝐿𝑀𝑁𝑂𝑃𝑄𝑅𝑆𝑇𝑈𝑉𝑊𝑋𝑌𝑍𝑎𝑏𝑐𝑑𝑒𝑓𝑔ℎ𝑖𝑗𝑘𝑙𝑚𝑛𝑜𝑝𝑞𝑟𝑠𝑡𝑢𝑣𝑤𝑥𝑦𝑧", "Mathematical Bold Italic", "𝑨𝑩𝑪𝑫𝑬𝑭𝑮𝑯𝑰𝑱𝑲𝑳𝑴𝑵𝑶𝑷𝑸𝑹𝑺𝑻𝑼𝑽𝑾𝑿𝒀𝒁𝒂𝒃𝒄𝒅𝒆𝒇𝒈𝒉𝒊𝒋𝒌𝒍𝒎𝒏𝒐𝒑𝒒𝒓𝒔𝒕𝒖𝒗𝒘𝒙𝒚𝒛", "Mathematical Script", "𝒜ℬ𝒞𝒟ℰℱ𝒢ℋℐ𝒥𝒦ℒℳ𝒩𝒪𝒫𝒬ℛ𝒮𝒯𝒰𝒱𝒲𝒳𝒴𝒵𝒶𝒷𝒸𝒹ℯ𝒻ℊ𝒽𝒾𝒿𝓀𝓁𝓂𝓃ℴ𝓅𝓆𝓇𝓈𝓉𝓊𝓋𝓌𝓍𝓎𝓏", "Mathematical Bold Script", "𝓐𝓑𝓒𝓓𝓔𝓕𝓖𝓗𝓘𝓙𝓚𝓛𝓜𝓝𝓞𝓟𝓠𝓡𝓢𝓣𝓤𝓥𝓦𝓧𝓨𝓩𝓪𝓫𝓬𝓭𝓮𝓯𝓰𝓱𝓲𝓳𝓴𝓵𝓶𝓷𝓸𝓹𝓺𝓻𝓼𝓽𝓾𝓿𝔀𝔁𝔂𝔃", "Mathematical Sans-Serif", "𝖠𝖡𝖢𝖣𝖤𝖥𝖦𝖧𝖨𝖩𝖪𝖫𝖬𝖭𝖮𝖯𝖰𝖱𝖲𝖳𝖴𝖵𝖶𝖷𝖸𝖹𝖺𝖻𝖼𝖽𝖾𝖿𝗀𝗁𝗂𝗃𝗄𝗅𝗆𝗇𝗈𝗉𝗊𝗋𝗌𝗍𝗎𝗏𝗐𝗑𝗒𝗓𝟢𝟣𝟤𝟥𝟦𝟧𝟨𝟩𝟪𝟫", "Mathematical Sans-Serif Bold", "𝗔𝗕𝗖𝗗𝗘𝗙𝗚𝗛𝗜𝗝𝗞𝗟𝗠𝗡𝗢𝗣𝗤𝗥𝗦𝗧𝗨𝗩𝗪𝗫𝗬𝗭𝗮𝗯𝗰𝗱𝗲𝗳𝗴𝗵𝗶𝗷𝗸𝗹𝗺𝗻𝗼𝗽𝗾𝗿𝘀𝘁𝘂𝘃𝘄𝘅𝘆𝘇𝟬𝟭𝟮𝟯𝟰𝟱𝟲𝟳𝟴𝟵", "Mathematical Sans-Serif Italic", "𝘈𝘉𝘊𝘋𝘌𝘍𝘎𝘏𝘐𝘑𝘒𝘓𝘔𝘕𝘖𝘗𝘘𝘙𝘚𝘛𝘜𝘝𝘞𝘟𝘠𝘡𝘢𝘣𝘤𝘥𝘦𝘧𝘨𝘩𝘪𝘫𝘬𝘭𝘮𝘯𝘰𝘱𝘲𝘳𝘴𝘵𝘶𝘷𝘸𝘹𝘺𝘻", "Mathematical Sans-Serif Bold Italic", "𝘼𝘽𝘾𝘿𝙀𝙁𝙂𝙃𝙄𝙅𝙆𝙇𝙈𝙉𝙊𝙋𝙌𝙍𝙎𝙏𝙐𝙑𝙒𝙓𝙔𝙕𝙖𝙗𝙘𝙙𝙚𝙛𝙜𝙝𝙞𝙟𝙠𝙡𝙢𝙣𝙤𝙥𝙦𝙧𝙨𝙩𝙪𝙫𝙬𝙭𝙮𝙯", "Mathematical Monospace", "𝙰𝙱𝙲𝙳𝙴𝙵𝙶𝙷𝙸𝙹𝙺𝙻𝙼𝙽𝙾𝙿𝚀𝚁𝚂𝚃𝚄𝚅𝚆𝚇𝚈𝚉𝚊𝚋𝚌𝚍𝚎𝚏𝚐𝚑𝚒𝚓𝚔𝚕𝚖𝚗𝚘𝚙𝚚𝚛𝚜𝚝𝚞𝚟𝚠𝚡𝚢𝚣𝟶𝟷𝟸𝟹𝟺𝟻𝟼𝟽𝟾𝟿", "White Circled Number", "⓪①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯⑰⑱⑲⑳㉑㉒㉓㉔㉕㉖㉗㉘㉙㉚㉛㉜㉝㉞㉟㊱㊲㊳㊴㊵㊶㊷㊸㊹㊺㊻㊼㊽㊾㊿", "These are specifically sans-serif:", "🄋 ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉", "黑色圓形數字", "⓿ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ⓫ ⓬ ⓭ ⓮ ⓯ ⓰ ⓱ ⓲ ⓳ ⓴", "T黑色圓形數字 sans-serif:", "🄌 ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓", "方陣 數字", "㉈ ㉉ ㉊ ㉋ ㉌ ㉍ ㉎ ㉏", "雙線圓形", "⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾", "數字加點", "🄀⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛", "括號數字", "⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇", "中文數字符號", "㊀ ㊁ ㊂ ㊃ ㊄ ㊅ ㊆ ㊇ ㊈ ㊉ ㈠ ㈡ ㈢ ㈣ ㈤ ㈥ ㈦ ㈧ ㈨ ㈩", "數字符號", "Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ ⅺ ⅻ", "下標及上標 ", "¹ ² ³ ⁰ ⁱ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽⁾ ⁿ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎ ₐ ₑ ₒ ₓ ₔ", "數學符號", "¼ ½ ¾ ⅐ ⅑ ⅒ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅛ ⅜ ⅝ ⅞ ⅟ ↉ ∟ ∬ ∭ ∮ ∵ ∷ ≦ ≧ ╳ ✕ ✖ ✚ ﹢﹣﹤﹥％ ＋ － ／ ＝ ∧ ∠ ∩ ∪ ° ÷ ≡ ≥ ∞ ∫ ≤ ≠ ∨ ‰ ‱ ⊥ π ± √ ∑ ∴ ×", "單位符號 ", "℃ ℉ ㎎ ㎏ ㎜ ㎝ ㎞ ㎡ ㏄ ㏎ ㏑ ㏒ ㏕ ° ㎚ ㎛ ㎜ ㎝ ㎞ ㏌ inch ㎟ ㎠ ㎡ ㎢ ㎣ ㎤ ㎥ ㎦ ㎕ ㎖ ㎗ ㎘ ㎰ ㎱ ㎲ ㎳ ㎍ ㎎ ㎏ ㎅ ㎆ ㎇ ㎐ ㎑ ㎒ ㎓ ㎔ ㎴ ㎵ ㎶ ㎷ ㎸ ㎹ ㎺ ㎻ ㎼ ㎽ ㎾ ㎿ ㏀ ㏁ ㎀ ㎁ ㎂ ㎃ ㎄ ㎧ ㎨ ㎭ ㎮ ㎯ ㎩ ㎪ ㎫ ㎬ ㎈ ㎉ ㍷ ㍸ ㍹ ㍱ ㍲ ㍴ ㍵ ㍶ ㍺ ㎊ ㎋ ㎌ ㏃ ㏅ ㏆ ㏇ ㏉ ㏊ ㏋ ㏍ ㏎ ㏏ ㏐ ㏑ ㏒ ㏓ ㏔ ㏕ ㏖ ㏗ ㏚ ㏛ ㏜ ㏝ ㏞ ㏟ ㏿ ㏂ ㏘ ㏙" , "貨幣符號 ", "₮ ৲ ৳ ௹ ฿ ៛ ₠ ₡ ₢ ₣ ₤ ₥ ₦ ₧ ₨ ₩ ₪ ₫ ₭ ₯ ₰ ₱ ₲ ₳ ₴ ₵ ￥ ﷼ ¢ ¤ € ƒ £ ¥", ] var Llength = TtxtA.length; var strVar=""; strVar += "<div id=\"ALLtxt\">"; for(x=1;x<Llength ;x=x+2){ strVar += "<div class=\"Ctxt\">"; strVar += "<div>" + TtxtA[x] +"<\/div>"; strVar += "<div>" + TtxtA[x+1] +"<\/div>"; strVar += "<\/div>"; } strVar += "<\/div>"; document.getElementById('txtDP').innerHTML = strVar ; </script>

00

HTML 特殊符號

HTML 特殊符號

箭頭符號

↑

↓

←

→

↖

↗

↙

↘

↔

↕

⇝

⇜

➼

➽

➸

➳

➺

➻

➴

➵

➶

➷

➹

➩

➪

➫

➬

➭

➮

➯

➱

➲

➾

➔

➘

➙

➚

➛

➜

➝

➞

➟

➠

➡

➢

➣

➤

➥

➦

➧

➨

↚

↛

↜

↝

↞

↟

↠

↠

↡

↢

↣

↤

↤

↥

↦

↧

↨

⇄

⇅

⇵

⇆

⇇

⇈

⇉

⇊

⇋

⇌

⇍

⇎

⇏

⇐

⇑

⇒

⇓

⇔

⇖

⇗

⇘

⇙

⥅

⥆

↩

↪

↫

↬

↭

↮

↯

↰

↱

↲

↳

↴

↵

↶

↷

↸

↹

↺

↻

↼

↽

↾

↿

⇀

⇁

⇂

⇃

⇞

⇟

⇠

⇡

⇢

⇣

⇤

⇥

⇦

⇧

⇨

⇩

⇪

⌦

⌫

»

«

⌅

⬆

⬇

⟾

⤊

⇫

⇬

⇶

⬱

⏎

⌂

⥒

⥓

⥔

⥕

⥖

⥗

⥘

⥙

⤞

⤝

⤠

⤟

⥂

⥃

⥄

⤣

⤤

⤥

⤦

⤡

⤢

⤧

⤨

⤩

⤪

⤭

⤮

⤱

⤲

⤯

⤰

⤻

⤺

⤼

⤽

⤹

⤸

⤿

⤾

⥀

⥁

⌆

⌤

標點符號

；

﹔

︰

﹕

：

，

﹐

、

．

﹒

˙

·

。

？

！

～

‥

‧

′

〃

〝

〞

‵

‘

’

『

』

「

」

“

”

…

❞

❝

﹁

﹂

﹃

﹄

〖

〗

框線符號

┬

┴

├

─

┼

┤

┌

┐

╞

═

╪

╡

│

▕

└

┘

╭

╮

╰

╯

╔

╦

╗

╠

═

╬

╣

╓

╥

╖

╒

╤

╕

║

╚

╩

╝

╟

╫

╢

╙

╨

╜

╞

╪

╡

╘

╧

╛

ᐟ

‒

―

⁃

⋐

⋑

⋒

⋓

⌒

⌜

⌝

⌞

⌟

⎯

━

┄

┅

┆

┇

┈

┉

┊

┋

﹉

﹊

﹍

﹍

┎

┓

┕

┛

╊

╌

╍

╱

╲

╴

╵

╶

╷

╸

╹

╺

╻

╼

╽

╾

╿

◜

◝

◞

◟

◠

◡

⌈

⌊

—

⌉

⌋

括號符號

〈

〉

《

》

【

】

〔

〕

︵

︶

︷

︸

︹

︺

︻

︼

︽

︾

︿

﹀

﹙

﹚

﹛

﹜

﹝

﹞

（

）

＜

＞

｛

｝

方塊符號

＿

ˍ

▁

▂

▃

▄

▅

▆

▇

█

▏

▎

▍

▌

▋

▊

▉

◪

◫

☖

☗

▓

░

▒

❑

❒

❖

❚

⊞

⊟

⊠

⊡

⎔

▀

▯

▮

▰

▱

◩

⚿

⛝

❎

⟎

⟏

⧄

⧅

⧆

⧇

⧈

⧯

⧮

三角形符號

△

▽

◁

▷

▲

▼

►

◄

▸

◂

▴

▾

▵

▿

▹

◃

◀

▶

◢

◣

◥

◤

◬

◭

◮

◅

▻

∆

∇

圓形符號

⊖

⊘

⊚

⊛

⊜

⊝

⊕

⊗

◉

○

◌

⧂

◍

◎

●

◐

◑

◒

◓

◔

◕

⧃

◖

◗

◦

◯

⦾

⦿

⬲

❍

⬤

⬬

⬭

⬮

⬯

⬰

⧭

⧬

⧳

⧲

數字符號

🄀

⒈

⒉

⒊

⒋

⒌

⒍

⒎

⒏

⒐

⒑

⒒

⒓

⒔

⒕

⒖

⒗

⒘

⒙

⒚

⒛

⓪

①

②

③

④

⑤

⑥

⑦

⑧

⑨

⑩

⑪

⑫

⑬

⑭

⑮

⑯

⑰

⑱

⑲

⑳

㉑

㉒

㉓

㉔

㉕

㉖

㉗

㉘

㉙

㉚

㉛

㉜

㉝

㉞

㉟

㊱

㊲

㊳

㊴

㊵

㊶

㊷

㊸

㊹

㊺

㊻

㊼

㊽

㊾

㊿

➀

➁

➂

➃

➄

➅

➆

➇

➈

➉

⓿

❶

❷

❸

❹

❺

❻

❼

❽

❾

❿

⓫

⓬

⓭

⓮

⓯

⓰

⓱

⓲

⓳

⓴

⓵

⓶

⓷

⓸

⓹

⓺

⓻

⓼

⓽

⓾

⑴

⑵

⑶

⑷

⑸

⑹

⑺

⑻

⑼

⑽

⑾

⑿

⒀

⒁

⒂

⒃

⒄

⒅

⒆

⒇

㈠

㈡

㈢

㈣

㈤

㈥

㈦

㈧

㈨

㈩

㊀

㊁

㊂

㊃

㊄

㊅

㊆

㊇

㊈

㊉

１

２

３

４

５

６

７

８

９

０

१

२

३

४

५

६

७

८

९

०

Ⅰ

Ⅱ

Ⅲ

Ⅳ

Ⅴ

Ⅵ

Ⅶ

Ⅷ

Ⅸ

Ⅹ

Ⅺ

Ⅻ

ⅰ

ⅱ

ⅲ

ⅳ

ⅴ

ⅵ

ⅶ

ⅷ

ⅸ

ⅹ

ⅺ

ⅻ

㆒

㆓

㆔

㆕

特殊符號圖案

©

®

℗

ร

ಗ

ย

☫

ౖ

ஃ

⁜

☊

☋

❡

๑

ి

▧

◘

▩

▣

◙

▨

۞

۩

ಔ

ృ

☎

☏

⍝

⍦

▤

▥

▦

✠

＠

۝

ಓ

ↂ

ూ

☮

ி

ﺴ

✈

✉

✁

✎

✐

〄

＃

‡

☪

⌚

☢

▪

▫

✆

✑

✒

☌

❢

▬

☍

□

■

؟

‼

‽

☭

✏

⌨

✂

✃

✄

◧

◨

ბ

ფ

⌥

⎋

ᴴᴰ

¿

Π

☣

ჯ

ಌ

௰

•

¡

﹖

❏

❐

❒

☤

⌘

⌛

೪

☠

з

ஜ

ஒ

ண

ѣ

Ѥ

Ѧ

Ѩ

Ѫ

Ѭ

Ѯѯ

Ѱ

ѱ

Ѳ

Ѷ

Ѻ

Ѽ

Ѿ

ѿ

Ҁ

҈҉

Ҋ

Ҍ

Ҏ

Қ

Җ

Ҕ

Ҙ

㈱

曱

甴

囍

இ

ஆ

௫

ஐ

ﻬ

囸

凸

冏

囧

⌾

⍟

⌽

⍉

⍧

⍪

⍫

⍬

⍭

⌿

⍀

⍅

⍆

⍏

⍖

⍊

⍑

⍋

⍒

⍎

⍕

⍱

⍲

¨

⍡

⍢

⍣

⍤

⍥

⍨

⍩

⍰

⌹

⌺

⌻

⌼

⍐

⍗

⍞

⚰

⚱

⚳

⚴

⚵

⚶

⚷

⚸

⚺

⚻

⚹

⚼

⚫

⚪

☕

⚽

⚾

⚓

⚔

⏍

⎅

⏛

⍁

⍂

⍠

▢

⎚

⧉

⟥

⟤

⚖

⚆

⚇

⚈

⚉

⚐

⚑

錯對符號

☑

✓

✔

√

☒

⌧

✇

✖

✗

✘

✕

∛

∜

☐

鑽石形符號

◇

◆

◈

◊

⟐

⋄

⟡

⎏

⎐

⎑

⎒

⟢

⟣

⧪

⧫

⧰

⍚

⟠

⟕

⟖

⟗

蘇州碼子

〇

〡

〢

〣

〤

〥

〦

〧

〨

〩

〸

〹

卄

〺

卅

英文符號

🅐

🅑

🅒

🅓

🅔

🅕

🅖

🅗

🅘

🅙

🅚

🅛

🅜

🅝

🅞

🅟

🅠

🅡

🅢

🅣

🅤

🅥

🅦

🅧

🅨

🅩

ⓐ

ⓑ

ⓒ

ⓓ

ⓔ

ⓕ

ⓖ

ⓗ

ⓘ

ⓙ

ⓚ

ⓛ

ⓜ

ⓝ

ⓞ

ⓟ

ⓠ

ⓡ

ⓢ

ⓣ

ⓤ

ⓥ

ⓦ

ⓧ

ⓨ

ⓩ

Ⓐ

Ⓑ

Ⓒ

Ⓓ

Ⓔ

Ⓕ

Ⓖ

Ⓗ

Ⓘ

Ⓙ

Ⓚ

Ⓛ

Ⓜ

Ⓝ

Ⓞ

Ⓟ

Ⓠ

Ⓡ

Ⓢ

Ⓣ

Ⓤ

Ⓥ

Ⓦ

Ⓧ

Ⓨ

Ⓩ

⒜

⒝

⒞

⒟

⒠

⒡

⒢

⒣

⒤

⒥

⒦

⒧

⒨

⒩

⒪

⒫

⒬

⒭

⒮

⒯

⒰

⒱

⒲

⒳

⒴

⒵

🄐

🄑

🄒

🄓

🄔

🄕

🄖

🄗

🄘

🄙

🄚

🄛

🄜

🄝

🄞

🄟

🄠

🄡

🄢

🄣

🄤

🄥

🄦

🄧

🄨

🄩

🄰

🄱

🄲

🄳

🄴

🄵

🄶

🄷

🄸

🄹

🄺

🄻

🄼

🄽

🄾

🄿

🅀

🅁

🅂

🅃

🅄

🅅

🅆

🅇

🅈

🅉

🅰

🅱

🅲

🅳

🅴

🅵

🅶

🅷

🅸

🅹

🅺

🅻

🅼

🅽

🅾

🅿

🆀

🆁

🆂

🆃

🆄

🆅

🆆

🆇

🆈

🆉

角度符號

⦯

⦮

⦨

⦩

⦬

⦭

⦪

⦫

⦥

⦤

⦦

⦧

⦛

⦡

⦠

⦜

⦟

⦣

⦢

⦞

⦝

數學符號

≒

≌

∵

∴

×

／

﹣

±

≦

≧

﹤

﹥

≠

≡

╳

⊾

⁽

⁾

∞

∷

÷

ˇ

∫

∮

∠

∟

⊿

＋

﹢

⊥

¼

½

¾

⅟

⅓

⅕

⅙

⅛

⅔

⅖

⅚

⅜

⅗

⅝

⅞

⅘

⅐

⅑

⅒

↉

∬

∭

∯

∰

∱

∲

∳

≂

≃

≄

≅

≆

≇

≈

≉

≊

≋

≍

≎

≏

≐

≑

≓

≔

≕

≖

≗

≘

≙

≚

≛

≜

≝

≞

≟

≣

≤

≥

≨

≩

⊰

⊱

⋛

⋚

¹

²

³

⁰

ⁱ

⁴

⁵

⁶

⁷

⁸

⁹

⁺

⁻

⁼

ⁿ

₀

₁

₂

₃

₄

₅

₆

₇

₈

₉

₊

₋

₌

ₐ

ₑ

ₒ

ₓ

ₔ

∑

π

‱

‰

∶

∸

∹

∺

∻

∼

∽

∾

∿

≀

‖

∧

∨

|a|

∩

∪

∈

∋

⋙

⋘

⋟

⋞

⋣

⋢

⋥

⋤

⋩

⋨

⋧

⋦

⋫

⋪

⋭

⋬

⋰

⋱

⋮

⋯

∝

∡

∢

∀

∁

∂

∃

∄

∅

手花符號

☜

☞

☚

☛

☝

☟

✍

✌

✊

✋

✿

❁

❃

❋

❀

✽

✾

翅膀符號

༺

༻

꧁

꧂

ʚ

ɞ

ε

з

⊱

⊰

⋛

⋚

๑

ɷ

ઈ

ઉ

ཉིཾ

ཉྀ

⋋

⋌

꒰

꒱

⚞

⚟

表意組合符

⿰

⿱

⿲

⿳

⿴

⿵

⿶

⿷

⿸

⿹

⿺

⿻

〾

天氣符號

☼

☀

☁

☂

☄

☾

☽

❄

☃

☈

⊙

☉

°

℃

℉

❅

✺

ϟ

☇

♨

西洋棋符號

♔

♕

♖

♗

♘

♙

♚

♛

♜

♝

♞

♟

宗教圖案

†

☨

✞

✝

☥

☦

☓

☩

☯

☧

☬

☸

♁

✙

♆

✚

✛

✜

✟

卍

卐

星星符號

★

✰

☆

✩

✫

✬

✭

✮

✡

⋆

✢

✣

✤

✥

✦

✧

✪

✯

❂

❉

✱

✲

✳

✴

✵

✶

✷

✸

✹

❊

✻

✼

❆

❇

❈

⁂

⁑

時間日期

㏂

㏘

㋀

㋁

㋂

㋃

㋄

㋅

㋆

㋇

㋈

㋉

㋊

㋋

㏠

㏡

㏢

㏣

㏤

㏥

㏦

㏧

㏨

㏩

㏪

㏫

㏬

㏭

㏮

㏯

㏰

㏱

㏲

㏳

㏴

㏵

㏶

㏷

㏸

㏹

㏺

㏻

㏼

㏽

㏾

㍘

㍙

㍚

㍛

㍜

㍝

㍞

㍟

㍠

㍡

㍢

㍣

㍤

㍥

㍦

㍧

㍨

㍩

㍪

㍫

㍬

㍭

㍮

㍯

㍰

表情符號

☺

☻

☹

〠

ت

ヅ

ツ

ッ

シ

Ü

ϡ

ﭢ

웃

유

音樂符號

♫

♬

♪

♩

♭

♪

♮

♯

ø

撲克牌

♤

♡

♧

♢

♠

♥

♣

♦

中文大寫

壹

貳

參

肆

伍

陸

柒

捌

玖

拾

佰

仟

萬

億

兆

圓

角

分

零

整

圓圈文字

㊬

㊯

㊐

㊊

㊎

㊍

㊌

㊋

㊏

㊣

㊚

㊛

㊙

㊟

㊕

㊗

㊡

㊝

㊭

㊮

㊑

㊒

㊓

㊔

㊕

㊖

㊘

㊜

㊞

㊠

㊢

㊤

㊥

㊦

㊧

㊨

㊩

㊪

㊫

㊰

㈪

㈰

㉃

㈲

㈺

㉂

㈾

㈸

㈴

㈻

㈮

㈭

㈬

㈫

㈯

㈷

㈼

㈳

㈽

㈵

㈶

㈿

㈹

㋐

㋑

㋒

㋓

㋔

㋩

㋪

㋫

㋬

㋭

㋕

㋖

㋗

㋘

㋙

㋮

㋯

㋰

㋱

㋲

㋚

㋛

㋜

㋝

㋞

㋳

㋴

㋵

㋟

㋠

㋡

㋢

㋣

㋶

㋷

㋸

㋹

㋺

㋤

㋥

㋦

㋧

㋨

㋻

㋼

㋽

㋾

㉠

㉡

㉢

㉣

㉤

㉥

㉦

㉧

㉨

㉩

㉪

㉫

㉬

㉭

㉮

㉯

㉰

㉱

㉲

㉳

㉴

㉵

㉶

㉷

㉸

㉹

㉺

㉻

㈀

㈁

㈂

㈃

㈄

㈅

㈆

㈇

㈈

㈉

㈊

㈋

㈌

㈍

㈎

㈏

㈐

㈑

㈒

㈓

㈔

㈕

㈖

㈗

㈘

㈙

㈚

㈛

㈜

集錦文字

🅊

🅋

🅌

🅍

🅎

🅏

🆊

🆋

🆌

🆍

🆏

🈂

🈓

🈩

🈔

🈪

🈬

🈭

🈮

🈜

🈝

🈐

🈑

🈒

🈕

🈖

🈗

🈘

🈙

🈛

🈞

🈟

🈠

🈡

🈢

🈣

🈤

🈥

🈦

🈧

🈨

🈫

🈰

🈱

🈷

愛心符號

❤

დ

ღ

❥

♡

♥

❣

❦

❧

۵

環保符號

♲

♻

♽

♼

♺

♳

♴

♵

♶

♷

♸

♹

十二星座符號

牧羊座:♈

金牛座:♉

雙子座:♊

巨蟹座:♋

獅子座:♌

處女座:♍

天秤座:♎

天蠍座:♏

射手座:♐

摩羯座:♑

水瓶座:♒

雙魚座:♓

十二生肖符號

子鼠:🐭

丑牛:🐮

寅虎:🐯

卯兔:🐰

辰龍:🐲

巳蛇:🐍

午馬:🐴

未羊:🐑

申猴:🐵

酉雞:🐔

戌狗:🐶

亥豬:🐷

性別符號

男性:♂

女性:♀

跨性別:⚦

跨性別:⚨

跨性別:⚩

跨性別:⚧

太監:⚲

人妖:⚥

雙性戀:⚤

女同性戀:⚢

男同性戀:⚣

婚姻:⚭

離婚:⚮

未婚:⚯

無性戀:⚬

處女:☿

希臘字母

Φ

Χ

Ψ

Ω

α

ν

ξ

ο

π

ρ

σ

τ

υ

φ

χ

ψ

ω

Α

Β

Γ

Δ

Ε

Ζ

Η

Θ

Ι

Κ

Λ

Μ

Ν

Ξ

Ο

Π

Ρ

Σ

Τ

Υ

ζ

η

θ

λ

μ

δ

β

日文符號

ア

ナ

ス

イ

シ

リ

ー

ズ

か

ら

ド

ム

を

プ

レ

ゼ

ン

り

や

か

な

ベ

ル

ガ

モ

ッ

ト

オ

ジ

ビ

タ

か

ら

ロ

ピ

カ

な

フ

ア

や

ャ

ク

ヤ

な

ど

が

ミ

ド

っ

ぱ

く

ム

バ

ニ

ラ

サ

ダ

ウ

の

ブ

は

と

て

も

お

い

し

そ

う

な

り

ん

か

マ

カ

ョ

パ

す

ゅ

ま

゚

゜

ハ

ヷ

ヸ

ヹ

ヺ

ホ

ボ

ポ

ゝ

ゞ

ヘ

ペ

ぐ

゛

゠

・

㍐

㍻

㍼

㍽

㍾

㍿

韓文符號

ㄱ

ㄲ

ㄳ

ㄴ

ㄵ

ㄶ

ㄷ

ㄸ

ㄹ

ㄺ

ㄻ

ㄼ

ㄽ

ㄾ

ㄿ

ㅀ

ㅁ

ㅂ

ㅃ

ㅄ

ㅅ

ㅆ

ㅇ

ㅈ

ㅉ

ㅊ

ㅋ

ㅌ

ㅍ

ㅎ

ㅏ

ㅐ

ㅑ

ㅒ

ㅓ

ㅔ

ㅕ

ㅖ

ㅗ

ㅘ

ㅙ

ㅚ

ㅛ

ㅜ

ㅝ

ㅞ

ㅟ

ㅠ

ㅡ

ㅢ

ㅥ

ㅦ

ㅧ

ㅨ

ㅩ

ㅪ

ㅫ

ㅬ

ㅭ

ㅮ

ㅯ

ㅰ

ㅱ

ㅲ

ㅳ

ㅴ

ㅵ

ㅶ

ㅷ

ㅸ

ㅹ

ㅺ

ㅻ

ㅼ

ㅽ

ㅾ

ㅿ

ㆀ

ㆁ

ㆂ

ㆃ

ㆄ

ㆅ

ㆆ

ㆇ

ㆈ

ㆉ

ㆊ

特殊字母符號

Ä

Ã

Ç

Ê

Ë

Î

Ï

Ð

Ñ

Õ

Ö

Û

Ü

ã

ä

ê

ë

î

ï

õ

ö

Ÿ

Ŵ

Ž

Ť

Ř

Ň

ĩ

ħ

ą

č

Ĥ

英文音標

i:

ə:

a:

ɔ:

u:

i

e

æ

ə

ʌ

ɔ

u

ei

ai

ɔi

əu

au

iə

εə

uə

p

t

k

f

θ

s

ʃ

h

tʃ

ts

tr

b

d

g

v

ð

z

ʒ

r

dʒ

dz

dr

j

w

m

n

ŋ

l

拼音

Ā

Á

Ǎ

À

Ē

É

Ě

È

Ī

Í

Ǐ

Ì

Ō

Ó

Ǒ

Ò

Ū

Ú

Ǔ

Ù

Ǖ

Ǘ

Ǚ

Ǜ

Ü

ā

á

ǎ

à

ä

ē

é

ě

è

ê

ī

í

ǐ

ì

ō

ó

ǒ

ò

ū

ú

ǔ

ǔ

ǖ

ǘ

ǚ

ǜ

ü

ń

ň

ǹ

ḿ

m̀

注音

ㄅ

ㄆ

ㄇ

ㄈ

ㄉ

ㄊ

ㄋ

ㄌ

ㄍ

ㄎ

ㄏ

ㄐ

ㄑ

ㄒ

ㄓ

ㄔ

ㄕ

ㄖ

ㄗ

ㄘ

ㄙ

ㄚ

ㄛ

ㄜ

ㄝ

ㄞ

ㄟ

ㄠ

ㄡ

ㄢ

ㄣ

ㄤ

ㄥ

ㄦ

ㄧ

ㄨ

ㄩ

˙

ˊ

ˇ

ˋ

國際音標

ɐ

ɑ

ɒ

ɓ

ɔ

ɕ

ɖ

ɗ

ɘ

ə

ɚ

ɛ

ɜ

ɝ

ɞ

ɟ

ɠ

ɡ

ɢ

ɣ

ɤ

ɥ

ɦ

ɧ

ɨ

ɩ

ɪ

ɫ

ɬ

ɭ

ɮ

ɯ

ɰ

ɱ

ɲ

ɳ

ɴ

ɴ

ɶ

ɷ

ɸ

ɹ

ɺ

ɻ

ɼ

ɽ

ɾ

ɿ

ʀ

ʁ

ʂ

ʃ

ʄ

ʅ

ʆ

ʇ

ʈ

ʉ

ʊ

ʋ

ʌ

ʍ

ʎ

ʏ

ʐ

ʑ

ʒ

ʓ

ʔ

ʕ

ʖ

ʗ

ʘ

ʙ

ʚ

ʛ

ʜ

ʝ

ʞ

ʟ

ʠ

ʡ

ʢ

ʣ

ʤ

ʥ

ʦ

ʧ

ʨ

ʩ

ʪ

ʫ

ʬ

ʭ

藏文符號

ཉ

ེ

ར

ཏ

ཡ

ུ

ི

ོ

པ

ལ

ཀ

ཇ

ཧ

ག

ང

ད

ས

འ

ཟ

ཛ

ཅ

ཙ

བ

ན

མ

་

ྃ

ཾ

྆

྆

྇

ྈ

ྉ

ྊ

྅

ྋ

ཎ

བ

ཚ

ཆ

ཥ

ཞླ

ཁ

ཇ

ཿ

ཽ

ྀ

ྭ

ྱ

ྲ

ཻ

ཝ

ཨ

༅

༄

࿓

࿔

༇

࿑

༈

ༀ

༉

༊

࿐

༂

༃

༎

།

༏

༐

༑

༒

༓

༔

༵

༷

༴

༶

༜

࿏

࿄

࿆

࿇

࿈

࿂

༕

༖

༗

༿

༾

༘

༙

༼

༽

༺

༻

༡

༢

༣

༤

༥

༦

༧

༨

༩

༠