段正淳的css笔记(1)分类之间的横竖线
作者：正淳 来源：ued.taobao.com 发布时间：2007-11-01 21:47:00
标签：css,淘宝,boder
段正淳的css笔记（1）分类之间的横竖线：
试想过总结出这几年来写css与xhtml的经验 ，汇总成一片”旷世奇文”分享给大家。无奈寡人年世已高，真是有点力不从心了。于是转念一想，可以用笔记的形式展现，这样就不用担心写不出来了。
现在就来说个淘宝首页上的一个小技巧。
1、类目之间的横竖线
从很久很久以前开始，类目间的竖线无非都只有三种。
1、背景图
在a标签设置一个padding 用宽1px高不等的背景图来position到右侧。
缺点：最后一个还是要用class来隐藏掉背景。
2、符号
在每个a标签之间用”|”符号来填充。
缺点：html文件变大，文件维护变得很麻烦，而且在html中毫无意义。
3、a标签右侧的boder。
同背景图一样，只不过使用border-right来代替。缺点也同上。
看到这里，可能已经有人打开淘宝首页用firebug查看源码来看是怎么做了。
其实现有是利用ul的overflow:hidden 再将li的margin-left:-1px的做法做出来的。这样的做法就可以同时避免以上的缺点了。
为什么之前都没有那么做的，寡人也不知道了。难道寡人是第一个发现这样的做法？
不管是谁先此之前利用了这样的方法实现类目间竖线。
不过在淘宝首页上线后不久就有同行的网站在首页改版中也用了这样的方法。那个网站不看也罢。class实在是写的有点多。加载html会变得多得多。反正一个首页需要加载1.17m的网页我的大脑会自动屏蔽。
好了，希望这篇文章是个好的开始。
继续阅读：段正淳的css笔记(2)圆角的做法
0
投稿猜你喜欢
现在市场上的OA基本上可归结为两大阵营，即php阵营和java阵营。但对接触Oa不久的用户来说，看到的往往只是它们的表相，只是明显的价格差异- 思路：利用time函数返回的时间字符串与指定时间字符串做比较，相等的时候执行对应的操作。不知道大家的思路是什么，感觉这样比较耗CPU。。。。
- 一、背景故事圣诞节风波马上不就到圣诞节了嘛，我看到朋友圈里很多小伙伴再纷纷炫耀自己收到的专属圣诞树，也有小伙伴私信我，说还没有自己的圣诞树！
- 导语：举例：Python做一个根据后缀名整理文件的工具，先来看看效果：自动整理前：自动整理后：这样看起来就好很多了。1.准备开始之前，你要确
- Golang中的time.After的使用理解关于在goroutine中使用time.After的理解， 新手在学习过程中的“此时此刻”的理
- 导语：除夕除夕，就是除去烦脑，迎接新的希望！在这里小编先祝大家除夕快乐，岁岁常欢笑，事事皆如意！正文：创建画布setup和draw是p5.j
- 本文实例讲述了python使用正则表达式分析网页中的图片并进行替换的方法。分享给大家供大家参考。具体分析如下：这段代码分析网页中的所有图片表
- 目的在各种各样的理论计算中，常常需要绘制各种填充图，绘制完后需要加渐变填充的colorbar。可是有些软件如VMD，colorbar渲染后颜
- 一、打开、关闭文件 语法为open (filevar, filename)，其中filevar为文件句柄，或者说是程序中用来代表某文件的代号
- 一、pandas的统计分析1、关于pandas 的数值统计（统计detail 中的 单价的相关指标）import pandas as pd#
- 网页过渡是指当浏览者进入或离开网页时，页面呈现的不同的刷新效果，比如卷动、百叶窗等。注：通过模板所建网页无法添加网页过渡效果！制作步骤：1、
- 用python的matplotlib画图时，往往需要加图例说明。如果不设置任何参数，默认是加到图像的内侧的最佳位置。import matpl
- 本文实例讲述了python时间日期操作方法。分享给大家供大家参考，具体如下：#coding=utf-8import timeimport d
- Tensorboard详解该类在存放在keras.callbacks模块中。拥有许多参数，主要的参数如下：1、log_dir: 用来保存Te
- 引言我们将学习如何构建一个终端应用程序(CLI应用程序)来管理我们的通讯录我们将使用type来构建CLI应用程序，使用Rich来创建彩色终端
- 1 椭圆肤色检测模型原理：将RGB图像转换到YCRCB空间，肤色像素点会聚集到一个椭圆区域。先定义一个椭圆模型，然后将每个RGB像素点转换到
- 2天内的现实new文字 <％if DateDiff("d",rs("date"),date()
- 公司客户在使用网站后台编辑添加修改内容时，经常是直接从word文档里复制内容到编辑器里后就提交。结果是在内容显示页面上是五花八门的样式，有时
- 问题描述：从网上下了5.7 的MySQL，在bin目录下执行 start mysqld ，弹出个cmd窗口一闪就没了，也看不清是什么报错。m
- 目录前言1. 使用 for...of 遍历普通对象2. 普通对象与 Map 对象相互转换总结参考前言平时我们经常会用到 Object 类上的
