html - 我怎样才能有响应线 '-----' ?

标签 html css twitter-bootstrap

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 8 年前

所以我想在两个 div 之间有一种换行符“------------”。

有没有办法使用 bootstrap/css 来让它响应?

最佳答案

您可以使用 css 属性:border-bottom 和边框样式:dotted 来达到效果。或者 solid 有一条实线。

例子:

CSS:

.first {
    border-bottom: dotted 1px black;
}

.second {
    border-bottom: dotted 1px black;
}

HTML:

<div class="first">
    <p>
        This is first
    </p>
</div>

<div class="second">
    <p>
        This is second
    </p>
</div>

关于html - 我怎样才能有响应线 '-----' ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30445489/

上一篇:html - 页面上一次大小相同的 SVG 大小不一样?

下一篇:html - 如何创建边界间隙错觉

相关文章:

javascript - <输入类型 = 数字> 中的上级和下级

javascript - 轮播中的第一个元素在加载时没有应用 100% 的高度?

javascript - 修改 input type=number 使其两边都有箭头

jQuery 选择插件在 Bootstrap 模式上动态添加选项

javascript - 使用 Json 和 bootstrap 的 WCF

php - getimagesize 函数无法正常工作

javascript - 覆盖整个屏幕的弹出窗口

javascript - 如何使用 knockout 同时应用过滤和分页?

html - 在某个断点后重新排列 div 框

当使用类名作为元素定义的一部分时,jQuery 追加不起作用