文章关键字 ‘border’

CSS流体(自适应)布局下宽度分离原则

2011年02月28日,星期一


之前曾作有“页面重构鑫三无准则之无宽度准则”一文,属于流体布局系列中的偏理论性的文章,本文也是这种性质的,可谓是“无宽度准则”一文的延续。本文主要内容就是介绍了何为宽度分离原则,为什么要宽度分离,即宽度分离的好处,然后通过京东商城和淘宝网的例子展示了宽度分离的使用并分析了利弊。本文虽然没有demo页面,但是其中的理论性文字还是比较精彩的,配以必要的截图和源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

Colortip – jQuery文字信息提示插件简介

2010年10月15日,星期五

jQuery tip类的信息提示插件层出不穷,但是我都没有介绍,为什么呢?就跟谈恋爱一样,虽然前面走过的女生不少,不错的也不少,但是自己没有谈恋爱的心思,也是鸳鸯蝴蝶一场梦,非要在那个特定的时间点上,正好遇到一个人,觉得……于是……这就是所谓的缘分。所以,这里介绍这个Colortip信息提示插件,不是因为这个插件多么多么的好,长得多么多么的迷人,只是自己觉得是不是应该像以前一样,分析介绍一些不错的常用的插件啊,正好,今天让我遇到了它,觉得好像还挺靠谱的,于是,就拿来成文。这就是缘分那!
小插件,内容不多,效果还凑合。提供截图效果展示,中文demo,还有精巧的源文件下载,希望能对您的学习有所帮助。

阅读全文…

实现兼容性的CSS粗虚线边框(dashed)效果

2010年05月24日,星期一

CSS border-style属性中,有一个非常常用的属性,就是dashed,用来形成虚框。平时我们使用的宽度多半是1像素,所以其中的差异不细究,也不易觉察。但是,如果边框的宽度(border-width)大于1像素,那么不同浏览器下的表现差异就比较明显了。

如何让各个浏览器下的边框表现一致呢?这就是本文要为你讲解的。提供丰富飞截图,代码展示,提供必要的示例demo,希望能对您的学习有所帮助。

阅读全文…

CSS border三角、圆角图形生成技术简介

2010年05月5日,星期三

利用CSS的border属性可以生成一些图形,例如三角或是圆角。纯粹的CSS2的内容,没有兼容性的问题,我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理,以及实例。我觉得此技术相当实用的,故本文再次简单叙述一下,另外,本文还将展示可能并不为众人所知的CSS border圆角生成技术。
本文内容不多也不深,依旧提供丰富的截图演示。

阅读全文…