css 画图之质感盒子
要使用CSS画出一个质感盒子，可以使用CSS的box-shadow属性来创建层次感和阴影，以及使用border-radius来增加圆角，使盒子看起来更加有质感。以下是一个简单的例子：
HTML:
<div class="box"></div>CSS:
.box {
width: 200px;
height: 100px;
background-color: #fff;
border: 2px solid #ccc;
border-radius: 20px;
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.1),
0 1px 2px rgba(0, 0, 0, 0.2);
margin: 20px;
}这段代码将创建一个带有白色背景、边框和圆角的盒子，并且使用两个box-shadow来增加层次感。margin属性用于设置盒子之间的距离，以便更好地展示层次感。
评论已关闭