以下是一个简单的示例,演示如何在HTML和CSS中添加边框阴影效果:
复制
HTML代码:
<div class="box"> 这里是一个盒子 </div>
复制
CSS代码:
.box { width: 200px; height: 200px; border: 1px solid #ccc; /* 增加边框 */ box-shadow: 2px 2px 5px #ddd; /* 增加阴影 */ }
复制
简要解释:
border
属性用于添加盒子边框,该属性值包含一个像素值、线段类型和颜色值。box-shadow
属性用于向元素添加阴影,该属性值包含阴影的水平偏移量、垂直偏移量、模糊半径和颜色。可以使用多个颜色值和逗号分隔它们,从而创建多层阴影。