<span style=
"color: #0000ff;"
><!</span><span style=
"color: #ff00ff;"
>DOCTYPE html</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><</span><span style=
"color: #800000;"
>html</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><</span><span style=
"color: #800000;"
>head</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><</span><span style=
"color: #800000;"
>meta </span><span style=
"color: #ff0000;"
>http-equiv</span><span style=
"color: #0000ff;"
>=
"Content-Type"
</span><span style=
"color: #ff0000;"
> content</span><span style=
"color: #0000ff;"
>=
"text/html; charset=utf-8"
</span> <span style=
"color: #0000ff;"
>/></span>
<span style=
"color: #0000ff;"
><</span><span style=
"color: #800000;"
>title</span><span style=
"color: #0000ff;"
>></</span><span style=
"color: #800000;"
>title</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><</span><span style=
"color: #800000;"
>meta </span><span style=
"color: #ff0000;"
>charset</span><span style=
"color: #0000ff;"
>=
"utf-8"
</span> <span style=
"color: #0000ff;"
>/></span>
<span style=
"color: #0000ff;"
><</span><span style=
"color: #800000;"
>style </span><span style=
"color: #ff0000;"
>type</span><span style=
"color: #0000ff;"
>=
"text/css"
</span><span style=
"color: #0000ff;"
>></span><span style=
"background-color: #f5f5f5; color: #800000;"
>
button:hover:after </span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
width</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 100%</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
button:hover </span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> #000</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
button:after </span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
content</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>
''
</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
background-color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> #fff</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
transition</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> all .5s</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
width</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 0%</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
position</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> absolute</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
top</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 3px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
left</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 0px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
height</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 34px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
z-index</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> -1</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
button </span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
width</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 100px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
height</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 40px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
border</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 0px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> white</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
background-color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> red</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
font-size</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 16px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
position</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> relative</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
z-index</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 1</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
cursor</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> pointer</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
font-family</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>
'Microsoft YaHei'
</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span>
<span style=
"color: #0000ff;"
></</span><span style=
"color: #800000;"
>style</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></</span><span style=
"color: #800000;"
>head</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><</span><span style=
"color: #800000;"
>body</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><</span><span style=
"color: #800000;"
>button</span><span style=
"color: #0000ff;"
>></span><span style=
"color: #000000;"
>
保存
</span><span style=
"color: #0000ff;"
></</span><span style=
"color: #800000;"
>button</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></</span><span style=
"color: #800000;"
>body</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></</span><span style=
"color: #800000;"
>html</span><span style=
"color: #0000ff;"
>></span>