May 2nd, 2007

推荐一个圆角框的生成网站

  不少人都有认为web2.0很明显的一个视觉刻痕就是大量圆角框的使用。呵呵,也支持这种说法吧,怎么说在做页面时候适当的使用一些圆角框,能够得到漂亮视觉效果。

  如果你像我一样有时候很懒,那么有一个简单易行的方法得到漂亮完美的圆角框。就是Neurotic提供的在线圆角框生成器。生成的页面效果如下图所示:

  只要先填写好你要的background和square颜色,然后就自动生成了五张小图片分别为四角和活动门的背景。

  生成之后,把五张小图片保存到本地,然后就写到CSS和HTML文件中就可以了。

  这是CSS文件


/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }
Read the rest of this entry »

Tags:

April 10th, 2007

CSS的盒子模型

  前几天听了许浒师兄的CSS一个教程,其中用到了一个CSS的盒子模型,感觉很有启发性,特别适合初学CSS的同学。挂在这里分享一下。

Tags:

December 18th, 2006

在线调配网页颜色

功能很全的,很适合调整网页的color,也许对adsense也有用处哦

Tags: