div中一个边框凹出来

要实现一个div中一个边框凹出来的效果，可以使用CSS3中的box-shadow属性。box-shadow可以向元素添加一个或多个阴影，可以通过设置阴影的偏移量、模糊半径、颜色和扩散半径等参数来实现不同的效果。通过设置box-shadow的参数，可以实现一个边框凹出来的效果。

例如，可以这样设置一个div的一个边框凹出来的效果：

div {
  width: 200px;
  height: 100px;
  border: 2px solid #ccc;
  box-shadow: inset 0 0 10px #eee;
}

这样就可以将div的一个边框凹出来。其中，box-shadow的第一个参数设置为inset，表示阴影是内部阴影，第二个参数设置为0，表示阴影的水平偏移量为0，第三个参数设置为0，表示阴影的垂直偏移量为0，第四个参数设置为10px，表示阴影的模糊半径为10px，最后一个参数设置为#eee，表示阴影的颜色为#eee。如果需要凹出来的边框更加明显，可以适当增加模糊半径和颜色的深浅程度。

相关问题

div一个边框成弧形

要实现一个边框成弧形的效果，可以使用CSS3中的border-radius属性。border-radius可以设置四个角的圆角半径，也可以设置两个半径来实现椭圆形或者圆形的效果。如果想要实现一个边框成弧形的效果，可以将四个角的圆角半径设置为一个比较大的值，使得边框的四个角都变成圆弧。

例如，可以这样设置一个div的边框成弧形：

div {
  width: 200px;
  height: 100px;
  border: 2px solid #ccc;
  border-radius: 50px;
}

这样就可以将div的边框变成一个弧形。注意，这里的border-radius值需要根据实际情况进行调整，使得圆角的大小和弧形的曲度都符合要求。

给一个div添加边框角角

可以在CSS中使用border-radius属性来设置边框的圆角。例如，可以使用以下样式代码来给ID为myDiv的div元素添加四个角都为5像素的圆角边框：

#myDiv {
border: 1px solid black;
border-radius: 5px;
}