語法教學CSS

各種樣式範例

.cursor 滑鼠游標圖案(滑鼠移到想看的標題上)

cursor: context-menu; /*選單 Opera*/

cursor: pointer; /*手型,表示超連結*/

cursor: not-allowed; /*無法使用*/

cursor: text; /*輸入文字符號*/

cursor: vertical-text; /*輸入垂直文字*/

cursor: help; /*協助問號*/

cursor: wait; /*等待中;漏斗*/

cursor: progress; /*進行中*/

cursor: crosshair; /*十字線型*/

cursor: cell; /*十字小方格 Firefox, Opera*/

cursor: move; /*十字箭頭(移動)*/

cursor: all-scroll; /*四方捲動*/

cursor: n-resize; /*箭頭朝上*/

cursor: s-resize; /*箭頭朝下*/

cursor: e-resize; /*箭頭朝右*/

cursor: w-resize; /*箭頭朝左*/

cursor: nw-resize; /*箭頭左上*/

cursor: sw-resize; /*箭頭左下*/

cursor: se-resize; /*箭頭朝右上*/

cursor: ne-resize; /*箭頭朝右下*/

cursor: col-resize; /*改變直行數*/

cursor: url('圖案網址'),pointer; /*圖片大小最好是32*32的大小、型別需要是.cur或.ani或.ico格式*/

.list-style-type ul、li 項目符號及編號属性

  • list-style-type: none; /*不使用編號*/
  • list-style-type: disc; /*實心圓形符號*/
  • list-style-type: circle; /*空心圓形符號*/
  • list-style-type: square; /*實心方形符號*/
  • list-style-type: decimal; /*阿拉伯數字*/
  • list-style-type: decimal-leading-zero; /*阿拉伯數字(十進制前置零) IE6 顯示為實心圓形符號*/
  • list-style-type: lower-roman; /*寫羅馬數字*/
  • list-style-type: upper-roman; /*大寫羅馬數字*/
  • list-style-type: lower-alpha; /*小寫英文字母*/
  • list-style-type: upper-alpha; /*大寫英文字母*/
  • list-style-type: lower-greek; /*希臘語 IE6 顯示為實心圓形符號*/
  • list-style-type: armenian; /*亞美尼亞 IE6 顯示為實心圓形符號*/
  • list-style-type: georgian; /*格魯吉亞語 IE6 顯示為實心圓形符號*/
  • list-style-image: url('圖片路徑'); /*圖片式符號*//*格魯吉亞語 IE6 顯示為實心圓形符號*/

.HTML常用特殊字元 關鍵字搜尋:網頁特殊符號(HTML字元實體)

顯示結果 HTML 原始碼 描述
< &lt; 小於號或顯示標記
> &gt; 大於號或顯示標記
& &amp; 可用於顯示其它特殊字元
&quot; 引號
® &reg; 已註冊
© &copy; 版權
&trade; 商標
&ensp; 半個空白位
&emsp; 一個空白位
&nbsp; 不斷行的空白
&#9650; 箭頭
&#9660; 箭頭
&#9658; 箭頭
&#9668; 箭頭

.Unicode 圖案(emoji) 關鍵字搜尋:Unicode 表情圖案

圖案 CSS HTML
😁 \1F601 &#x1F601;
😂 \1F602 &#x1F602;
😃 \1F603 &#x1F603;
😄 \1F604 &#x1F604;
😅 \1F605 &#x1F605;
😆 \1F606 &#x1F606;
😉 \1F609 &#x1F609;
😒 \1F612 &#x1F612;
😓 \1F613 &#x1F613;
😔 \1F614 &#x1F614;
😖 \1F616 &#x1F616;
😘 \1F618 &#x1F618;
😠 \1F620 &#x1F620;
😡 \1F621 &#x1F621;
😢 \1F622 &#x1F6212
😣 \1F623 &#x1F6223
😤 \1F624 &#x1F6224
😥 \1F625 &#x1F6225
😨 \1F628 &#x1F6228
😩 \1F629 &#x1F6229
😰 \1F630 &#x1F6230
😱 \1F631 &#x1F6231
😲 \1F632 &#x1F6232
😳 \1F633 &#x1F6233
😵 \1F635 &#x1F6235
😷 \1F637 &#x1F6237
😊 \1F60A &#x1F60A;
😋 \1F60B &#x1F60B;
😌 \1F60C &#x1F60C;
😍 \1F60D &#x1F60D;
😏 \1F60F &#x1F60F;
😚 \1F61A &#x1F61A;
😜 \1F61C &#x1F61C;
😝 \1F61D &#x1F61D;
😞 \1F61E &#x1F61E;
😪 \1F62A &#x1F62A;
😫 \1F62B &#x1F62B;
😭 \1F62D &#x1F62D;
圖案 CSS HTML
© \00A9 &#x00A9;
® \00AE &#x00AE;
\203C &#x203C;
\2049 &#x2049;
\2122 &#x2139;
\2194 &#x2194;
\2195 &#x2195;
\2196 &#x2196;
\2197 &#x2196;
\2198 &#x2198;
\2199 &#x2199;
\21A9 &#x21A9;
\21AA &#x21AA;
\2934 &#x2934;
\2935 &#x2935;
\2B05 &#x2B05;
\2B06 &#x2B06;
\2B07 &#x2B07;
\231A &#x231A;
\231B &#x231B;
\23E9 &#x23E9;
\23EA &#x23EA;
\23EB &#x23EB;
\23EC &#x23EC;
\23F0 &#x23F0;
\23F3 &#x23F3;
\25AA &#x25AA;
\25AB &#x25AB;
\25B6 &#x25B6;
\25C0 &#x25C0;
\25FB &#x25FB;
\25FC &#x25FC;
\25FD &#x25FD;
\25FE &#x25FE;
\2600 &#x2600;
\2601 &#x2601;
\2611 &#x2611;
\261D &#x261D;
arrow
arrow
    創作者介紹
    創作者 默默魚 的頭像
    默默魚

    FISHDONTTALK

    默默魚 發表在 痞客邦 留言(0) 人氣()