首页 相关文章 应用WEB标准实例:ul li制作导航

应用WEB标准实例:ul li制作导航

  前言:

  最近在给一个电子商务网重构的时候,用ul li写了个导航,感觉挺有实用价值的,所以写出来给朋友瞧瞧。

  实例效果图:

  整体观察思考:

  左下角是圆角,右上角也是圆角,中间可以平铺背景,这图的结构也可以看成左中右的结构,标题距离宽度差不多,我考虑用 ul li来写。

  ul为整体平铺背景。

  li设置固定宽度,左浮动。

  左边圆角切成图片所在li中,宽度设置成切图宽度,左浮动。

  右边圆角切成图片所在li中,宽度设置成切图宽度,右浮动。

  还有一个"小虚点"的图片怎么处理呢! 思考后决定放在li里,让它右浮动。

  (盒模型来分析)

  这样这个...[ 查看全文 ]

2016-02-19 标签:

应用WEB标准实例:ul li制作导航的相关文章

手机页面
收藏网站 回到头部