淘宝精品服装案例用jQuery实现如下图所示：
分析整个结构：
1.整个结构由一个div进行包裹，左边放一个ul，ul里面有九个li，每个li里面包含一个a标签；右边放一个div，右边放一个ul，ul里面有九个li，每个li里面包含img标签。
2.左边的ul和右边的div都进行浮动。保证两个结构在一行显示。
3.左边的li的背景需要实现渐变效果，采用background-image: linear-gradient(方向, 颜色1, 颜色2)进行实现。
实现代码如下：
首先写HTML布局,把页面布局先写出来
<body>
<div id="context">
<div id="left">
<ul>
<li><a href="#">女靴</a></li>
<li><a href="#">雪地靴</a></li>
<li><a href="#">冬裙</a></li>
最低0.47元/天 解锁文章
1895
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
