css滤镜之light实现的灯光效果.
效果图:
源码: 保存为html文件, 在IE6及以上版本IE浏览器可以运行....
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Light滤镜</title>
<style type="text/css">
div {
width: 400px;
height: 300px;
border: 1px solid gray;
}
#light {
-ms-filter: "progid:DXImageTransform.Microsoft.Light()";
filter: progid:DXImageTransform.Microsoft.Light();
background: #FFFFFF;
}
</style>
</head>
<body>
<center>
<div id="light">
</div>
</center>
</body>
</html>
<script type="text/javascript"&
相关文档：
网上看到的一些CSS工具资源
在线CSS工具：
W3C CSS 校验服务 :提供万维网协会(W3C)样式表(CSS)校验服务。
CSS 在线编辑器:OnLine CSS Designer - CSS Style Editor。 CSS 样式在线编辑器，可以即时查看CSS 样式效果演示。
QrONE CSS Designer ：在线CSS编辑器，所见即所得。
SKUER - The CSS Search Engine :SKUER ......
DIV+CSS设计的网站是按照W3C标准的，如果一个站点完全是CSS+DIV制作的，那么你网站的SEO（搜索引擎优化）工作已经完成了30%！为什么会这么说？SEO其他方面在哪好，请接着我的思路往下看：
石家庄网站优化
DIV+CSS 网站相当30%的SEO工作
1、div+css网站遵循“网页结构、表现、行为分离，互不干涉抢功”理念，且 ......
<!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>一个比较不错的C ......
、在Flash加入：<param name="wmode" value="opaque">
2、在DIV里加入：position:absolute;z-index:10;（数字越大越处于上层）
FLASH透明背景
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 ......
用CSS让元素居中显示并不是件很简单的事情。同样的CSS居中设置在不同浏览器中的表现也各有千秋。本文就介绍了在CSS中常见的几种让元素水平居中显示的方法。
1.使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实际使用 ......
