css中如何设置水平线样式，css水平线怎么设置

html怎么插入水平线?

注册 登录网页 资讯 视频 图片 知道 文库 贴吧 采购 地图 更多 搜索答案 我要提问 百度知道提示信息知道宝贝找不到问题了_！ 该问题可能已经失效。

html没有直接插入竖线的代码，但可以用盒子模型实现竖线的效果。

提示：由于能通过 CSS 对 DIV 或者其他块元素的边界（border）进行格式化显示，以致很多时候都通过对块元素的边界进行宽度设置以达到水平线的效果，不过 hr / 标签仍是不可能被完全替代的。

相关问答

Q1: 如何用css制作网页横向导航如何用css制作网页横向导航图

思路：创建ul标签，然后在ul标签里面创建li标签，最后设置li标签为浮动。新建html页面 打开html编辑软件，新建一个html页面。如图：添加导航标签 在body标签里新建一个ul/ul标签，然后在ul标签里添加几个li/li标签。

如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签。布局做好之后，开始写导航条的样式，如图，先清除导航条的margin和padding。

导航条的设置效果 通过列表制作ul/ul 导航条的DIV样式设置 important实现对不同的浏览器设值，列表项样式 但这样看起来还是没有任何效果，只是显示文本一样。

如何利用html制作网页水平导航菜单？新建html页面 打开html编辑软件，新建一个html页面。如图：添加导航标签 在body标签里新建一个ul/ul标签，然后在ul标签里添加几个li/li标签。

CSS实现导航条Tab切换的三种方法 ？根据上图所示，先规定几个定义，上图的模块整体叫做导航，由导航标题和导航内容组成。

用Dreamweaver新建一个HTML文件。修改title为html+css实现横向导航。新建一个div id为“a”，添加ul li标签。在li中添加自己想要的文字 并调整好文字间距，按F12预览。首先去掉字体前面的小黑点。

Q2: 如何使用CSS在水平线中间添加文字?

1、要在文字中间实现有一条横线的效果可以使用CSS中CSS text-decoration 属性就可以达到效果。CSS text-decoration 属性相关介绍及事例：浏览器支持：所有主流浏览器都支持 text-decoration 属性。

2、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：span {position： absolute； top： 45px； left： 180px；}。

3、.line_m{text-decoration：line-through} 中间是空格文字中间是空格 需要多长就多加一个(空格)。

4、打开编辑器，新建test.html，用于学习今天的内容。接下来需要在head标签下方引入jquery.min.js插件，如下图所示。在页面的body标签里，新建一个div，名称为test。在body标签下方写上，用来存放js代码。

5、文字 浏览器运行index.html页面，此时实现了边框角落开口显示文字。

关于css中如何设置水平线样式和css水平线怎么设置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。