在做pj皮肤的时候到网上搜了个分页效果，因为颜色不搭就没用，但是个人认为挺漂亮。代码也够简洁。 下面是用的背景图片： 效果图: html代码： 复制内容到剪贴板 代码: div id=pagebar a href=#/a span class=page_now1/span a href=#2/a a href=#3/a a href=...

不论是对浏览者还是对搜索引擎，文字都是最佳的页面内容展示方式，但是，由于字体等原因的限制，纯文字的展示渐渐无法满足爱美的设计师的要求。 于是，出现了通过 CSS 来实现用图片替换文字的方法，这种方式既能实现页面上各种丰富的效果，又能满足搜索引擎...

做一个星级评价的功能不是很难，但是要单纯用CSS写估计就有点难度了，先来个截图： 效果很简单，可能现在您现在脑子里已经有实现的思路了。下面先看一下我们通常情况下的实现方法： CSS： 代码 .jsstar { list-style : none ; margin : 0px ; padding : 0px...

除了单调的图片外，CSS也可以为一些颜色比较丰富的图片也进行透明圆角化吗？这样就能省去许多制作圆角的时间，直接用几条CSS代码就能为所有图片加上的圆角效果了 还是先看最终效果图吧： 图一 看到了吧，这就是用纯CSS实现的圆角化图片，为了能看到透明化的...

div{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}...

最近好忙好忙，上一篇文章的留言都还没回复。发完这篇文章准备去书城看看书。分享一个收获。今天在做熟悉工作的时候,CSS一行行地看，发现了下面这段代码: a.btn-fixed, a.btn-4cn, a.btn-2cn { display:-moz-inline-box; display:inline-block;*zoom:1;*disp...

css3阴影属性box-shadow的一些注意点: box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色； Firefox支持Box Shadow(阴影)：-moz-box-shadow:2px 2px 5px #333333； webkit内核的Safari和Chrome支持Box Shadow(...

css3文本阴影属性text-shadow的几点说明： css2的时候已经有了text-shadow这个属性，但是css2.1的又删除了这个属性，css3又重新使用了这个属性； text-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色 Firefox,w...

border-radius(圆角)的几点说明： border-radius:长度 Firefox支持border-radius(圆角)：-moz-border-radius:2px; webkit内核的Safari和Chrome支持border-radius(圆角)：-webkit-border-radius:2px; Opera支持border-radius(圆角)：border-radius:2px; IE不...

1,正常的、已经断了句（即已经有标点符号）的中文字段或英文字段，当这行字达到层的给定宽度时，就自动换行： HTML代码 div style=width:345;如果负数是虚构出来的话，那么虚数也是虚构的。虚数是为了给负数开方根的需要而提出来的。就像求两个数的和是10，...