热门源码
|
热门软件
|
高级搜索
|
网站地图
|
文章
·
软件投稿
免费收录你的网站，现在加入广捷居！
庆祝Admin5·站长网广告联盟开通，抢先注册中.
CSS代码在线格式化、美化工具
首页
站长资讯
源码下载
素材图库
脚本特效
电子书籍
专题
开源者社区
智能模糊搜索
资源名称检索
本站推荐
：
共享世纪推荐的2010·互联网建站品牌CMS
Windows/Linux高性能主机
2G 155元，3G 198元，5G 300元，欢迎联系本站站长选购！
CSS层阴影效果的实现
脚本类别：
页面布局
添加时间：
2008-11-20
查看次数：
作者：
脚本代码
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>css层阴影效果的实现</title> <style type="text/css"> body{font-size:12px;color:#ccc;} .content{width:500px;position:relative;} .shadow{position:absolute;top:35%;left:25%;width:205px;background:#999;} .main{position:relative;top:-3px;left:-3px;padding:10px;border:1px solid #333;background:#fff;color:#333;} </style> </head> <body> <div class="content"> <p>这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容</p> <div class="shadow"> <div class="main">这里是阴影效果里的内容这里是阴影效果里的内容这里是阴影效果里的内容 <a href="http://www.2ky.cn">共享世纪</a></div> </div> </div> </body> </html>
loading...
当前页面所处路径为
共享世纪
/
脚本特效
/
页面布局
/ ，本特效的Tag为：
共享世纪
会员登陆
close X
用户名
密 码
验证码
