css中怎么将框放上去 |css怎么添加阴影效果图

.box {
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
width: 200px;
height: 100px;
border: 1px solid #000;
background-color: #fff;
}

上面的代码展示了如何设置一个垂直居中的框，并设置了其大小和边框样式。下面分别解释这个代码中的各个属性：

• position: absolute;表示使用绝对定位，根据父元素的位置计算框架的位置。
• top: 50%;和left: 50%;分别表示垂直和水平居中。
• margin-top: -50px;和margin-left: -100px;用于调整框架的位置，因为框架本身是以其左上角定位的，所以需要向上和向左移动框架的一半高度和一半宽度。
• width: 200px;和height: 100px;用于设置框架的大小。
• border: 1px solid #000;用于设置框架的边框样式，这里的意思是1像素宽的黑色实线边框。
• background-color: #fff;用于设置框架的背景色，这里设置为白色。

综上所述，使用CSS可以轻松地实现在网页中放置框架的功能，并且可以通过调整各种属性来达到不同的样式效果。