简单的项目符号清单 – 符号篇 – 创作者学苑

本篇介绍 Emoji 的符号清单样式,喜欢的站长可以参考看看喔~

Table of Contents

设置方式选择 Emoji 符号CSS设定範例符号+颜色符号+颜色(2)符号Android 与  IOS 差别设置方式

于「外观>>自订>>附加的 CSS」贴上代码

可参考这篇  清单的自订与设计

颜色选择可以参考这篇 免费线上选色工具

※ 本篇做法仅适用于单层的标号清单与项目符号清单

选择 Emoji 符号

前往  Emoji 列表  複製需要的符号

CSS设定

.zi_list ul{counter-reset:list;list-style-type:none;padding:0;}.zi_list ul li{position:relative;padding: 0 0 0 20px;margin: 7px 0 7px 0px;font-weight: bold;font-size:14px;line-height: 30px;}.zi_list ul li:before{margin-right:10px;content: "填入需要的符号";color:#3399ff;/* 非必要,用来取代无固定颜色的符号*/font-size:20px;}範例符号+颜色符号+颜色(2)符号Android 与  IOS 差别符号px颜色listemojiulzifontcss

上一篇: 下一篇: