首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div {height：60px；border-bottom：1px dashed}。浏览器运行index.html页面，此时通过css定义了一个水平的虚线。
创新互联主要从事网站设计、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务临县,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
在bootstrap中输入水平分割线： Bootstrap：Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。
一般情况下我有两种方法：在文档中新建图层---建立选区---点击编辑---点击描边，可以设置你的描边的相关属性，如图左；通过图层样式的描边进行设置，如图右。
对于CSS定义水平线标签，常用的有以下几种样式，仅供参考。对于 程序代码height：1px；border：none；的主要用途就是Css Reset，关于Css Reset可以搜索下博客里其他文章介绍。
可以通过设置一个span元素，赋予css样式实现。
使用字符“|”，适合导航栏间距不一致时，也就是不适合你。采用背景方式，背景图片即是那条间隔线，需要形成jpg、gif、png格式的小图片，在背景里设置居左，并控制一下垂直位移，这样就会出现你第一张图的要求。
可以用伪元素，可以用border呀。我一般就这两种。当你是分隔左右内容，并且列表项是100%宽，可以用伪元素，再设置position：absolute，用border设置，box-sizing也行。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。如下这个示例：hr 标签定义水平线：这是段落。这是段落。这是段落。
1、在Bootstrap框架中的下拉菜单还提供了下拉分割线，假设下拉菜单有两个组，那么组与组之间可以通过添加一个空的，并且给这个添加类名“divider”来实现添加下拉分隔线的功能。
2、===分割线=== 由此可见：role=separator 是Html中的分割线属性，利用BootStrap可以制作出分割线的样式，html 里面的 role 本质上是增强语义性，当现有的HTML标签不能充分表达语义性的时候，就可以借助role来说明。
3、水平分割线的标签是单标签： 默认情况下只占一行。
4、其次说一下bootstrap里的表格的宽度默认是父元素的宽度，所以是不会出现滚动条的。