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

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

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

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

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

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

2、其次，在index.html的<body>标签中，添加代码：<hr/>。

3、浏览器运行index.html页面，此时成功在html中画了一条线。

两个方法：1、写css 2、用图片

1、用border写,你可以写在导航的li或者a标签上

li {

border:1px solid #fff /* 1像素直线白色 */

}

2、图片的话也是可以写在li 或者 a上

li {

background:url(...) left center no-repeat/* 图片的路径背景图片靠左背景图片垂直居中图片不重复 */

}

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

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