前言:
最近在给一个电子商务网重构的时候,用ul li写了个导航,感觉挺有实用价值的,所以写出来给朋友瞧瞧。
实例效果图:
整体观察思考:
左下角是圆角,右上角也是圆角,中间可以平铺背景,这图的结构也可以看成左中右的结构,标题距离宽度差不多,我考虑用 ul li来写。
ul为整体平铺背景。
li设置固定宽度,左浮动。
左边圆角切成图片所在li中,宽度设置成切图宽度,左浮动。
右边圆角切成图片所在li中,宽度设置成切图宽度,右浮动。
还有一个"小虚点"的图片怎么处理呢! 思考后决定放在li里,让它右浮动。
(盒模型来分析)
这样这个...[ 查看全文 ]