hoverbox
日期：2008-12-15 分类：CSS
前两天在的 Nathan Smith 的博客上看到他的 hoverbox ，觉得非常的精彩。这是一个图片集，当鼠标移动到每张小图片上，就会有一张大图片出现。他的制作原理是：在标签 a 里放两张一样的图片...
一张图片实现圆角
日期：2008-12-12 分类：CSS
一张图片就能实现圆角？是什么样的图片？怎样实现？ 其实这张图片是一个小圆圈，如下面的例子将要使用的图片为 10 * 10 大小的图片： ，太小了是吧，不过已经够了。 基本思路 准备四个...
上下两张图片CSS圆角
日期：2008-12-7 分类：CSS
与无图 CSS 圆角相比，上下两张图片 CSS 圆角就比较容易制作了，即用切图软件把圆角的上半部分、下半部分分别切出来，然后放到网页中。效果图如下： 圆角上半部分和下半部分图片： 上...
3D效果CSS圆角
日期：2008-12-7 分类：CSS
先看效果吧： 这种3D效果CSS圆角和《流行的CSS圆角》制作方法是一样的，只是左右上下边框颜色不一样，左上浅，右下深，看上去有阴影，因此就产生了这种3D效果。 既然制作方法和《流行...
流行的CSS圆角
日期：2008-12-6 分类：CSS
这是比较流行的CSS圆角，制作方法和理解都有困难，但看完这篇文章，就能掌握这种方法。 先看效果： 制作方法 为了更好的理解，先用简单的代码为例。 XHTML代码： <b class="top"> <b cla...
用js让“footer”处于底部
当一个网页比较简单，内容比较少使得网页不足浏览器高的时候，为了显示更合理，我们希望让 footer 部分显示在浏览器的底部。先前介绍了《使用CSS定位页面的“footer”》，现在来用 javascri...
使用CSS定位页面的“footer”
日期：2008-11-29 分类：CSS
基本思路 首先考虑外层设置一个容器 div ，id 设为 #container ，使他的高度为浏览器窗口的高度，然后将 #footer 这个 div 设置为 #container 的子 div，并使用绝对定位的方式，使他固定到 #container ...
ie img 3px bug
日期：2008-11-22 分类：CSS
ie img 有 3px 的缝隙也是 ie 的经典 bug 之一，相信已经不陌生了，但还是先看看效果吧（也许你并没有见过）： 效果1 效果2 效果1 图片下方有缝隙，这是最常见的；效果2 则不但下面有，右边...
用CSS制作彩色文字
日期：2008-11-20 分类：CSS
网页上的文字和美观的图片相比似乎显得比较单调，因为文字只有颜色、字体、大小等效果。那如何才能让文字更有特点呢？那就让文字变成彩色的吧，不过不是每个文字设置不同的颜色（...
制作半透明效果
日期：2008-11-17 分类：CSS
半透明效果越来越常见，如果应用的好的话，能给网页带来很美观的效果。 由于各个浏览器差异，所以半透明效果实现起来还是有一点麻烦的。 IE 使用滤镜，即 filter:alpha(opacity=x) ，x 取值范...