12. 08. 09
速记:89个CSS+TABLE样式
貌似现在很流行DIV+CSS，TABLE正淡出我们的视野
这里收集了89个CSS+TABLE效果可以下载
http://icant.co.uk/csstablegallery/index.php
22. 07. 09
CSS背景图片定位方法
CSS中定位背景图片的三种方式：
1）关键字：background-position: top right;
2）像素：background-position: 0px 0px;
3）百分比：background-position: 0% 0%;
上面这三句语句，都将图片定位在背景的左上角，表面上看效果是一样的，实际上第三种定位机制与前两种完全不同。
前两种定位，都是将背景图片左上角的原点，放置在规定的位置。请看下面这张图，规定的位置是“20px 10px”和”60px 50px”，都是图片的原点在那个位置上，图中用X表示。
但是第三种定位，也就是百分比定位，不是这样。它的放置规则是，图片本身（x%,y%）的那个点，与背景区域的（x%,y%）的那个点重合。比如，如果放置位置是“20% 10%”，实际结果如下图，可以看到这个点是在图片本身的“20% 10%”的位置上。
29. 06. 09
06. 11. 08
用CSS自定义DIV的滚动条样式
- <div>
- 这里是内容这里是内容<br />这里是内容这里是内容<br />这里是内容这里是内容<br />这里是内容这里是内容<br />这里是内容这里是内容<br />这里是内容这里是内容<br />这里是内容这里是内容<br />
- </div>
滚动条相关颜色属性：
阅读全文…
16. 10. 08
CSS中cursor的pointer 与 hand
cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。
cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。
cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。
附：cursor属性收集
阅读全文…
1 pages
