点击(此处)折叠或打开

<!DOCTYPE html>
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />
<title>潜水不锈钢排污泵</title>
<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"css/style.css\" />
<!--[if IE]>
</head>
<body>
<header>
<h1 class=\"title_name\">CSS3 Shadow Research<small>by Sunflowa Media</small></h1>
</header>
<div id=\"container\">
<section>
<div class=\"demo\">
<h2>Text example!</h2>
<h3>中文效果!</h3>
</div>
<div class=\"demo box-shadow\">
</div>
</section>
</div>
<footer>
<p><strong>Say Hello</strong>: Check out <a href=\"#\" target=\"_blank\">Sunflowa Media Blog</a>, for more tutorials! <span class=\"follow\">And you may also <a href=\"#\" target=\"_blank\">@me</a> on sina twitter</span></p>
</footer>
<script type=\"text/javascript\">
var _gaq = _gaq || [];
_gaq.push([\'_setAccount\', \'UA-23292263-1\']);
_gaq.push([\'_trackPageview\']);
(function() {
var ga = document.createElement(\'script\'); ga.type = \'text/javascript\'; ga.async = true;
ga.src = (\'https:\' == document.location.protocol ? \'https://ssl\' : \'http://www\') + \'.google-analytics.com/ga.js\';
var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>

ITPub博客

CSS3阴影效果