找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2762|回复: 0

[分享] 精选30个优秀的CSS技术和实例(2)

[复制链接]
发表于 2013-4-11 13:00:21 | 显示全部楼层 |阅读模式 来自 中国–北京–北京
15.CSS内容遮盖
当你悬停在图片上时,div容器会显示更多文字。
16.CSS样式表格版本2
一个使用背景图片且非常漂亮,被语义化标记的表格。
17.PNG遮盖
另一种为图片添加圆角的方法。(圆角、边框、阴影)
18.利用CSS为超链接添加提示
关于为不同类型的链接添加图标的简单教程。
19.简单的CSS圆角边框
仅适用了一张图片和很少的几行代码及标记。
20.Sitemap Celebration
使用嵌套列表的树形导航,很适合网站地图页面。
21.简单的跨浏览器幻灯片
不使用JavaScript实现透明度技巧(但是以不符合XHTML验证为代价)
22.圆角2
流式跨度和高度的圆角div。
23.使用背景图片百分比来创建图表
条线图使用列表<li>。
24.CSS柱状图:实例
3款柱状图实例:使用div和列表标签的”基本CSS柱状图”、”复杂CSS柱状图”、”垂直CSS柱状图”。
25.动态翻转简单头
箭头会平滑的跟随鼠标移动,没有使用一丁点JavaScript和gif动画。
26.基于CSS的表单模板
27.CSS图片文本结合技巧
使用了空白div来让文本能围绕背景图中的图像显示。
28.使用CSS实现淡入效果的图片
这个实例使用透明度设置和简单的图片逐渐在文字上方淡入图片。
29.纯CSS弹出效果
一个在IE5(Mac)上也能正常工作的弹出技巧。
30.使用CSS实现文本渐变效果
使用背景图片遮盖,和一个空的span标签,还有position: absolute声明来实现文本的渐变效果。

原文链接:http://www.cnblogs.com/hnyei/archive/2011/09/23/2186535.html

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-25 06:23 , Processed in 0.044485 second(s), 9 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表