给div设置边框和投影

可以使用CSS的box-shadow属性来设置投影效果，border属性来设置边框。例如：

div {
border: 1px solid black;
box-shadow: 2px 2px 2px grey;
}

这样就可以给div设置边框和投影效果了。

相关问题

怎么给div设置边框？

要给 `<div>` 元素设置边框，你可以使用 CSS 的 border 属性。border 属性可以设置边框的样式、宽度和颜色。

以下是设置边框的常用方法：

**1. 单个属性设置：**

div {
  border: 1px solid #000; /* 设置宽度为 1px、样式为实线、颜色为黑色的边框 */
}

**2. 分别设置属性：**

div {
  border-width: 2px; /* 设置边框宽度为 2px */
  border-style: dashed; /* 设置边框样式为虚线 */
  border-color: #ff0000; /* 设置边框颜色为红色 */
}

**3. 分别设置各边的属性：**

div {
  border-top: 1px solid #000; /* 设置上边框样式 */
  border-right: 2px dashed #ff0000; /* 设置右边框样式 */
  border-bottom: 3px dotted #00ff00; /* 设置下边框样式 */
  border-left: 4px double #0000ff; /* 设置左边框样式 */
}

在上述示例中，我们使用了不同的属性来设置边框的宽度、样式和颜色。你可以根据需要选择适合的方式来设置 `<div>` 元素的边框样式。

class选择器给div设置边框

当你要通过类选择器来给div设置边框时，你需要先在HTML中为这个div元素添加一个class属性，然后在CSS中使用类选择器来定义样式。

例如，如果你在HTML中给div添加了一个名为“my-div”的class属性，你可以使用以下CSS代码来设置边框：

.my-div {
  border: 1px solid black; /* 设置边框为1像素宽，黑色实线样式 */
}

这样，所有具有“my-div”类的div元素都会应用这个样式。