.shadow { box-shadow: 5px 0px 5px -5px #888, -5px 0px 5px -5px #888; }
以上代码中,大家使用了box-shadow属性来实现左右阴影。其中,第一个值5px表示阴影距离元素右侧5px,第二个值0px表示阴影距离元素顶部和底部0px,第三个值5px表示阴影扩散程度5px,第四个值-5px表示阴影收缩程度-5px,#888表示阴影颜色。
而大家使用两个box-shadow属性,第一个表示右阴影,第二个表示左阴影。两个阴影的效果重叠,便形成了只要左右阴影的效果。
实际应用中,大家可以将该样式应用于具有容器性质的元素,例如div、ul等。使用类选择器为其添加样式,便可以实现只要左右阴影的效果。