在CSS中,我们可以使用border-bottom样式来定义横线。而若要在横线上添加圆点,则需要使用border-bottom-style: dotted;来定义样式,如下:
border-bottom:1px dotted black;
这样,在选择器所定义的元素底部就会添加一条黑色的1像素宽的横线,并且这条横线上每隔一段距离就会出现一个小圆点。
如果我们想要控制这个小圆点的间距,就需要用到border-bottom-width和border-bottom-color样式。如下:
border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#ccc;
这样,我们可以将横线的颜色和每个圆点之间的距离都进行个性化设置。