background-image 中的第一个 linear-gradient 是设置 li 标签的背景色的，
第二个 linear-gradient 配合 border-image 即可设置 border 的渐变色。
border-radius圆角边框是CSS3的新属性，以前网页设计开发中要实现元素的圆角边框，通常是用背景图片来实现的。
它是CSS3的新属性，兼容IE9+，Firefox 4+、Chrome、Safari 5+ 以及 Opera浏览器，对于一些较低版本的浏览器，我们可以添加相应的浏览器前缀来兼容。
border-radius可以同时设置1到4个值，（类似于margin与padding的值得设定）。如果设置四个值，则依次对应左上角、右上角、右下角、左下角（顺时针顺序）。
如果设置两个值，表示左上角和右下角使用第一个值，右上角和左下角使用第二个值。如果设置三个值，表示左上角使用第一个值，右上角和左下角使用第二个值，右下角使用第三个值。
