一条border-bottom为虚线，有两种颜色交替

可以通过使用CSS的border-bottom属性来实现一条虚线边框，并且通过background属性中的linear-gradient()函数来实现两种颜色的交替效果。具体代码如下：

div {
  height: 50px;
  border-bottom: 2px dashed;
  background: linear-gradient(to right, red 50%, blue 50%);
}

这段代码会创建一个高度为50px的div元素，底部为红色和蓝色交替的虚线边框。其中border-bottom属性中的2px表示虚线的宽度，dashed表示虚线样式。background属性中的linear-gradient()函数同样表示从左到右交替出现红色和蓝色。