在CSS中创建引导点

前端之家收集整理的这篇文章主要介绍了在CSS中创建引导点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
什么是一个很好的方法来做CSS中的内容目录中的领先点?

例:

Link.............Chapter 1
Link.............Chapter 2
Link.............Chapter 3

解决方法

取自 catchmyfame

“这是如何做的?基本上,字段标签被包裹在一个div中,它具有在x方向上重复应用的小的图像作为背景,这将单独导致点在文本之下流动以消除该效果,文本本身然后被包装在一个跨度,背景颜色被设置为与包含元素的背景颜色匹配,这里是CSS:

.dots { 
  background: url('dot.gif') repeat-x bottom; 
}
.field {
  background-color: #FFFFFF;
}

要将其应用于示例表单,您只需将其用作:

<td>
    <div class="dots">
        <span class="field">LastName</span>
    </div>
</td>

image为点

原文链接:https://www.f2er.com/css/219643.html

猜你在找的CSS相关文章