网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 http://www.leemunroe.com/ 　　同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤，主要是分别制作了背景。12点以前系统会使用早上的皮肤，过了12点，站点会自动替换成下午的风格，5点后则替换成夜晚的风格。　　主要的功能实现是靠在头部的这段判断代码，很容易理解。有兴趣可以自己试试。 <link rel="stylesheet" type="text/css" href="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) echo "day.css"; else echo "night.css"; ?>" /> ASP版代码如下： <link rel="stylesheet" type="text/css" href="<%if hour(now)<12 then response.write "a.css"else if hour(now)<17 thenresponse.write "b.css"elseresponse.write "c.css"end ifend if%> " /> 到这里去感受一下效果：http://www.leemunroe.com/

　　推荐阅读

　　CSS3的新特性介绍

边框：(Borders) border-color:控制边框颜色，并且有了更大的灵活性，可以产生渐变效果 border-image:控制边框图象 border-corner-image:控制边框边角的图象 border-radius:能产生类似圆角矩形的效果 背景(>>>详细阅读

本文标题：根据时段自动切换网站的CSS风格

地址：http://www.17bianji.com/kaifa2/CSS/17106.html

 1/2    1