html+css二级导航栏有横线怎么消除_随笔

、首先，打开html编辑器，新建一个html文件，例如：index.html。

2、在index.html中的<body>标签中，输入样式代码：style="overflow-x: scroll。

3、浏览器运行index.html页面，此时html会有横线滚动条，并且隐藏了纵向滚动条

一般有两种方法：

一、通过CSS下划线代码：text-decoration:underline来设置文字下划线。

实例演示如下：

1、实例代码如下：

此时页面效果如下：

2、修改第1步中的txt样式，加入text-decoration:underline。

此时页面效果如下，出现了下划线。

二、通过设置div的border实现效果：

实例演示如下：

在第一种方法的初始代码上，增加border-bottom: 1px solid black、padding-bottom: 10px两个关键样式，如下：

此时页面效果如下：

导航栏下面横线可以通过css样式进行设置，属性为text-decorationg:underline

上述的方式设置的效果中位子颜色和下划线的颜色是一样的，如果想实现文字和下划线的颜色不一样，可以采用如下方法进行调整。

第3步中的文字嵌套在一个a链接中，实际下划线是使用的a链接的样式。

这样就可以到达两者颜色不一样的效果了。

欢迎分享，转载请注明来源：内存溢出

html+css二级导航栏有横线怎么消除