大佬教程收集整理的这篇文章主要介绍了倒影，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<!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=utf-8" />
<title></title>
<style type="text/css">
img {
height:250px;
border:1pxsolid red;
-webkit-Box-reflect:below;
}
</style>
</head>
<body>
<img src="images/bg1.jpg" />
</body>
</html>
<!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=utf-8" />
<title></title>
<style type="text/css">
img {
height:250px;
-webkit-Box-reflect:below10px ;
}
</style>
</head>
<body>
<img src="images/bg1.jpg" />
</body>
</html>
<!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=utf-8" />
<title></title>
<style type="text/css">
img {
height:250px;
-webkit-Box-reflect:below5px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0.5,transparent),to(white));
}
</style>
</head>
<body>
<img src="images/bg1.jpg" />
</body>
</html>
<!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=utf-8" />
<title>CSSReflections</title>
<style type="text/css">
img {
height: 200px;
position: absolute;
right: 0;
bottom: 0;
}
div {
border: 1pxsolid #666;
color: #666;
-webkit-Box-reflect: below5px;
}
h1 { text-align: center; }
</style>
</head>
<body>
<div>
<h1>《雨巷》--- 戴望舒</h1>
<p>撑着油纸伞，独自<br />
彷徨在悠长、悠长<br />
又寂寥的雨巷<br />
我希望逢着<br />
一个丁香一样地<br />
结着愁怨的姑娘 </p>
</div>
<img src="images/bg2.jpg" />
</body>
</html>
<!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=utf-8" />
<title>CSSReflections</title>
<style type="text/css">
body { background:rgb(51,52,154) url(images/reflectionsProjections-bg.jpg) no-repeat 0 0; }
object {
border:2pxsolid white;
color:#9C6;
-webkit-Box-reflect:below5px;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="640" height="400">
<param name="movie" value="images/flash15.swf"/>
<param name="quality" value="high"/>
<param name="wmode" value="opaque"/>
<param name="swfversion" value="6.0.65.0" />
<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/flash15.swf" width="640" height="400">
<!--<![endif]-->
<param name="quality" value="high"/>
<param name="wmode" value="opaque"/>
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
<div>
<h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"alt="获取 AdobeFlash Player" width="112"height="33" /></a></p>
</div>
<!--[if!IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
以上是大佬教程为你收集整理的倒影全部内容，希望文章能够帮你解决倒影所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。