网页制作边框阴影

发布网友发布时间：2022-04-24 02:45

共2个回答

热心网友时间：2022-04-22 03:23

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

<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;
}
#shadow-container .container {
background: #ffffff;
border: 1px solid #848284;
padding: 10px;
}
/* CSS container shadow */
</style>
</head>
<body>
<div id="shadow-container">
<div class="shadow1">
<div class="shadow2">
<div class="shadow3">
<div class="container">
用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果
</div>
</div>
</div>
</div>
</div>
<br><br>

<div class="shadow1">

用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果 </div>

<br />
<div id="shadow-container">
<div class="shadow1">
<div class="shadow2">
<div class="shadow3">
<div class="container">
用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果用CSS实现表格边框阴影效果
</div>
</div>
</div>
</div>
</div>
</body>
</html>

热心网友时间：2022-04-22 04:41

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

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