CSS中的边框样式是我们经常会用到的，我们可以通过边框来美化页面中的各种元素。而在CSS中，下边框的样式也是非常常见的，我们可以将下边框设置为实线、虚线、点线等多种样式。但是，有时候我们会想将下边框重复多次，让页面更加有层次感。那么，在CSS中该如何实现呢？

.para {
border-bottom: 2px dotted black;
background-color: #f2f2f2;
width: 500px;
padding: 20px;
}

以上是将下边框设置为点线的一个示例代码。接下来，我们将介绍如何实现下边框重复多次。

.para {
padding: 20px;
background-color: #f2f2f2;
width: 500px;
border-image: repeating-linear-gradient(to right, #000000, #000000 2px, transparent 2px, transparent 4px) 1 / auto 1px;
}

以上是将下边框设置为重复的线条的示例代码。我们可以看到，这里使用了border-image属性，并通过repeating-linear-gradient函数生成了一个横向的渐变线条。这个渐变线条会重复间隔地出现，从而形成了下边框重复的效果。

需要注意的是，在使用border-image时，我们需要通过斜杆“/”指定边框的宽度，这里我们将其设置为auto，表示与元素的宽度相等。另外，我们也可以通过调整渐变的起始和终止颜色、线条的宽度等参数，来自定义下边框重复的样式。

总之，在CSS中实现下边框重复多次并不是难事，通过border-image属性结合渐变线条的方式，我们可以很轻松地实现这一效果，并且还可以根据自己的需求进行灵活地定制。希望这篇文章能够帮助到大家，也希望大家能够通过学习更好地使用CSS，美化自己的网页。