网页制作边框阴影

来源:百度知道 编辑:UC知道 时间:2024/06/18 17:52:45
我想让整个页面的右下边框有阴影效果怎么实现?

现有段代码:
<style>
table{filter:progid:DXImageTransform.Microsoft.Shadow
(Color=#333333,Direction=120,strength=5)}
</style>

加入后会使页面内所有边框和文字都有阴影效果,加到哪里可以单独实现整个页面的阴影效果而其他不变?

谢谢,急!

你给table前加个英文输入法下的句号就行了。。然后在右下角做个div然后class="table",这样就好了

你现在这个是标签。。加了点后就是类了。。

这有个例子,应该是你需要的

<html>
<head>
<title>用CSS实现表格边框阴影效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
body {
margin: 0px;
padding: 20px;
font-family: verdana;
font-size: 12px;
}
/* CSS container shadow */
#shadow-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}
#shadow-container .shadow1 {
background: #F1F0F1;
}
#shadow-container .shadow2 {
background: #DBDADB;
}
#shadow-container .shadow3 {
background: #B8B6B8;