基于apolloui 扩展了一些自定义样式，记录下

记号笔效果

example big magenta example
example under magenta example
example center magenta example

example big red example
example under red example
example center red example

example big volcano example
example under volcano example
example center volcano example

example big orange example
example under orange example
example center orange example

example big gold example
example under gold example
example center gold example

example big lime example
example under lime example
example center lime example

example big green example
example under green example
example center green example

example big cyan example
example under cyan example
example center cyan example

example big blue example
example under blue example
example center blue example

example big geekblue example
example under geekblue example
example center geekblue example

example big purple example
example under purple example
example center purple example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

example <mark class="big magenta"><span>big magenta</span></mark> example
example <mark class="under magenta">under magenta</mark> example
example <mark class="center magenta">center magenta</mark> example

example <mark class="big red"><span>big red</span></mark> example
example <mark class="under red">under red</mark> example
example <mark class="center red">center red</mark> example

example <mark class="big volcano"><span>big volcano</span></mark> example
example <mark class="under volcano">under volcano</mark> example
example <mark class="center volcano">center volcano</mark> example

example <mark class="big orange"><span>big orange</span></mark> example
example <mark class="under orange">under orange</mark> example
example <mark class="center orange">center orange</mark> example

example <mark class="big gold"><span>big gold</span></mark> example
example <mark class="under gold">under gold</mark> example
example <mark class="center gold">center gold</mark> example

example <mark class="big lime"><span>big lime</span></mark> example
example <mark class="under lime">under lime</mark> example
example <mark class="center lime">center lime</mark> example

example <mark class="big green"><span>big green</span></mark> example
example <mark class="under green">under green</mark> example
example <mark class="center green">center green</mark> example

example <mark class="big cyan"><span>big cyan</span></mark> example
example <mark class="under cyan">under cyan</mark> example
example <mark class="center cyan">center cyan</mark> example

example <mark class="big blue"><span>big blue</span></mark> example
example <mark class="under blue">under blue</mark> example
example <mark class="center blue">center blue</mark> example

example <mark class="big geekblue"><span>big geekblue</span></mark> example
example <mark class="under geekblue">under geekblue</mark> example
example <mark class="center geekblue">center geekblue</mark> example

example <mark class="big purple"><span>big purple</span></mark> example
example <mark class="under purple">under purple</mark> example
example <mark class="center purple">center purple</mark> example