在前端開發中,CSS 不僅可以控制頁面的樣式,還可以用來添加符號或字符。這里介紹一下 CSS 符號表。
/* 箭頭符號 */ .left-arrow:before{ content:"\2190"; } .right-arrow:before{ content:"\2192"; } .up-arrow:before{ content:"\2191"; } .down-arrow:before{ content:"\2193"; } /* 電話符號 */ .phone:before{ content:"\260E"; } /* 郵箱符號 */ .email:before{ content:"\2709"; } /* 心形符號 */ .heart:before{ content:"\2764"; } /* 三角形符號 */ .triangle:before{ content:"\25B2"; } /* 百分號符號 */ .percent:before{ content:"\0025"; } /* 大括號符號 */ .brace:before{ content:"\007B"; }
上面是一些常用的 CSS 符號,通過在 CSS 中添加 :before 偽元素,然后使用 content 屬性來添加符號或字符。其中字符串代表 Unicode 編碼,可以在 Unicode 表中進行查找。
需要注意的是,content 屬性只能在偽元素 :before 或 :after 中使用。另外,使用 CSS 符號應該適時,不要過于頻繁和濫用。
上一篇css第一個字母添加樣式
下一篇css鼠標點擊有下拉框