主要亮点:
1 ul 水平显示
2 li 去掉圆点
3 li中字体水平、竖直居中
4 li控制边框样式
5 使用html + css3 渐变画图 制作背景图片
6 更改颜色透明度
7 DIV制作边框阴影
先看效果图:
![](https://i-blog.csdnimg.cn/blog_migrate/063bb6c2c56d7f0b344db4ccd910d12b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ce9c9d192525650a90c7e564dd1d4928.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3795a2bc8b001d57ed84380651ef991c.png)
实现代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!----编码----->
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="