各種樣式範例
.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 原始碼 | 描述 |
---|---|---|
< | < | 小於號或顯示標記 |
> | > | 大於號或顯示標記 |
& | & | 可用於顯示其它特殊字元 |
“ | " | 引號 |
® | ® | 已註冊 |
© | © | 版權 |
™ | ™ | 商標 |
  | 半個空白位 | |
  | 一個空白位 | |
| 不斷行的空白 | |
▲ | ▲ | 箭頭 |
▼ | ▼ | 箭頭 |
► | ► | 箭頭 |
◄ | ◄ | 箭頭 |
.Unicode 圖案(emoji) 關鍵字搜尋:Unicode 表情圖案
圖案 | CSS | HTML |
---|---|---|
😁 | \1F601 | 😁 |
😂 | \1F602 | 😂 |
😃 | \1F603 | 😃 |
😄 | \1F604 | 😄 |
😅 | \1F605 | 😅 |
😆 | \1F606 | 😆 |
😉 | \1F609 | 😉 |
😒 | \1F612 | 😒 |
😓 | \1F613 | 😓 |
😔 | \1F614 | 😔 |
😖 | \1F616 | 😖 |
😘 | \1F618 | 😘 |
😠 | \1F620 | 😠 |
😡 | \1F621 | 😡 |
😢 | \1F622 | � |
😣 | \1F623 | � |
😤 | \1F624 | � |
😥 | \1F625 | � |
😨 | \1F628 | � |
😩 | \1F629 | � |
😰 | \1F630 | � |
😱 | \1F631 | � |
😲 | \1F632 | � |
😳 | \1F633 | � |
😵 | \1F635 | � |
😷 | \1F637 | � |
😊 | \1F60A | 😊 |
😋 | \1F60B | 😋 |
😌 | \1F60C | 😌 |
😍 | \1F60D | 😍 |
😏 | \1F60F | 😏 |
😚 | \1F61A | 😚 |
😜 | \1F61C | 😜 |
😝 | \1F61D | 😝 |
😞 | \1F61E | 😞 |
😪 | \1F62A | 😪 |
😫 | \1F62B | 😫 |
😭 | \1F62D | 😭 |
圖案 | CSS | HTML |
---|---|---|
© | \00A9 | © |
® | \00AE | ® |
‼ | \203C | ‼ |
⁉ | \2049 | ⁉ |
ℹ | \2122 | ℹ |
↔ | \2194 | ↔ |
↕ | \2195 | ↕ |
↖ | \2196 | ↖ |
↗ | \2197 | ↖ |
↘ | \2198 | ↘ |
↙ | \2199 | ↙ |
↩ | \21A9 | ↩ |
↪ | \21AA | ↪ |
⤴ | \2934 | ⤴ |
⤵ | \2935 | ⤵ |
⬅ | \2B05 | ⬅ |
⬆ | \2B06 | ⬆ |
⬇ | \2B07 | ⬇ |
⌚ | \231A | ⌚ |
⌛ | \231B | ⌛ |
⏩ | \23E9 | ⏩ |
⏪ | \23EA | ⏪ |
⏫ | \23EB | ⏫ |
⏬ | \23EC | ⏬ |
⏰ | \23F0 | ⏰ |
⏳ | \23F3 | ⏳ |
▪ | \25AA | ▪ |
▫ | \25AB | ▫ |
▶ | \25B6 | ▶ |
◀ | \25C0 | ◀ |
◻ | \25FB | ◻ |
◼ | \25FC | ◼ |
◽ | \25FD | ◽ |
◾ | \25FE | ◾ |
☀ | \2600 | ☀ |
☁ | \2601 | ☁ |
☑ | \2611 | ☑ |
☝ | \261D | ☝ |
留言列表