CSS样式 | MarsLau's Blog

CSS制作图片弹出展示效果

介绍一种用css制作缩略图弹出全图的方法，实现过程中没有用到任何的js。
HTML代码：
<DIV id=pic>
<A class=p1 title=”thumbnail image” href=”http://marslau.com/html/CSS-Image-PopU... 阅读全文

最近研究css，确实学到了许多有趣的东东。查询和总结了一些Tab标签菜单的样式，供大家参考。

查看效果:CSS制作Tab菜单
图片源文件下载

... 阅读全文

本文介绍的圆角方法很特别，有创意。
先来看张图片：

原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok，看看代... 阅读全文

CSS是很重要的，它意味着布局、页面设计和网页信息可以完全的隔离开来，而只需要更改一个CSS样式表文件。在过去的几年中，许多优秀的Web开发者，为我们创造了很多优秀的CSS技术，在此... 阅读全文

（一）滚动条样式主要涉及到如下CSS属性:
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容
overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll;... 阅读全文

这是一图片原来的效果：

只需要在<img>标记前加上以下语法，就可以运用滤镜制作阴影效果了。
<span style=”filter:shadow(color=gray,direction=45);width:100%;”> // colo... 阅读全文