CSS盒模型中，margin是我们老熟悉的一个属性了， 它的负值你用过吗？ 你知道margin负值的秘密武器吗？我们一起看看吧！带竖线分隔的横向列表传统的分隔符是使用 “|” 来实现的，弊端显而易见，不利于表现与结构的分离，同时增加了后台输出时的判断工作。所以我们采用border-left 左边框来...
分类：
其他好文 时间：
2014-11-25 14:24:53
阅读次数：
250
之前在懒懒分会上分享的一点关于border画小图的内容, 完整的ppt在这里.原理css盒模型一个盒子包括: margin+border+padding+content– 上下左右边框交界处出呈现平滑的斜线. 利用这个特点, 通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小梯形等.– 调整...
分类：
Web程序 时间：
2014-11-25 14:08:39
阅读次数：
229
关于margin属性的介绍margin:20px 上 右 下 左 都是20pxmargin:20px 40 px 上 下 20px 左 右 40pxmargin:20px 40px 60px 上20px 左 右 40px 下 60pxmargin:20px 40px 60px 80px 上 右 下 ...
分类：
其他好文 时间：
2014-11-25 10:40:19
阅读次数：
195
要创建一个简单的水平导航条，首先需要借助标签创建有序列表。主题内容：水平到航条 Prev 1 2 3 4 5 Next 然后对其使用样式，先进行页面初始化：*{margin: 0;padd...
分类：
其他好文 时间：
2014-11-25 08:12:31
阅读次数：
177
这篇会很短。 那么如上图所示，margin指的是外边距，padding指的是内边距，border自有其像素宽度，element在1335乘以392的地方。 margin和padding一样总共有四个，上右下左——top right bottom left。你可以选择margin-top这...
分类：
其他好文 时间：
2014-11-24 22:07:40
阅读次数：
236
相对而言，margin 负值的使用机率在布局中似乎很少，但是我相信一旦你开始掌握就会着迷，接下来我们看看关于margin负值的一些资料：它是一个有效的属性，至少w3c中明确描述如下：”Negative values for margin properties are allowed…”;margin...
分类：
其他好文 时间：
2014-11-24 20:43:08
阅读次数：
214
/** * 使用offsetLeft,需注意margin的使用 * offsetLeft = margin-left + left; * offsetWidth= padding + border + width; * * @author Lonve */function getStyle(ele....
分类：
Web程序 时间：
2014-11-24 17:09:33
阅读次数：
192
3 2 1 css:.select { min-width: 34px; position: relative; margin-top:2px; display: inli...
分类：
Web程序 时间：
2014-11-24 14:59:57
阅读次数：
150
导航条菜单，即左图所示。下面，将一一展开如何制作。1、首先，制作一个垂直的项目菜单，用标签写出基本内容，然后在样式表里面用margin和padding去掉内外边距，用list-style属性去掉原有的项目符号，插入自己喜欢的项目符号，代码如下： 列表和导航条 project1 pr...
分类：
Web程序 时间：
2014-11-24 09:49:07
阅读次数：
194
