1. 首页>百科大全 > 百科

怎么把导航下横线去掉

作者:张阳明
2020-05-11
百科

1. 怎么把bootstrap导航栏的下划线去掉

这里bootstrap使用了html5的一个新的标签nav.

<nav>;标签定义导航链接的部分.

使用了样式. .navbar样式标识的是一个导航条.

其中.navbar又包含了:.navbar-header, .navbar-toggle, .navbar-brand

下面先给出一个带有链接的, 而且还支持移动端的例子代码.

bootstrap导航条的可选页面, 有两种(可自己写css定义), 第一种默认的.navbar-default, 效果是:白色的背景黑色的字, 第二种是.navbar-inverse, 效果是:黑色的背景加上白色的字. 只需要选中自己想要的效果即可, 这里需要注意的地方有一点. 就是如果想要这两种默认的其他效果, 就需要自己去实现样式, 可以查看css的源代码, 然后去看.navbar-inverse怎么实现, 然后模仿实现即可, 这是一个笨办法, 还有另外一种方式, 就是使用less, 重新写样式, 因为bootstrap可运行的样式, 也是用less构建的, 也有sass版的, 这里只是简单的介绍一下, 定义好的样式, 这些在以后的经验中还会继续提到.

上面定义了一个简单的带有链接的导航条, 然后相信的说明一下, 这个简单的代码.

1.导航条样式的开始. 这里需要注意一点: 为了增强可访问性(和浏览器的兼容性),务必给每个导航条加上 role="navigation" 属性。方便bootstrap中js处理导航条的显示样式.

2.导航条的页头, 也就是显示在最前面的导航条标题. 这个是bootstrap中的一个带有图标的标签, 然后这里也是在移动端, 就是小于768设备显示的效果.

3.这部分是移动端折叠的部分, 也是为了能够更好的展现页面在移动端.

导航条上除了能够加上一些链接之外, 还可以加上一些按钮, 和一些表单, 例如: 搜索框.

举例子: 按钮, 直接写button标签属性即可. 需要注意的是, 一定要在button的样式上加上.navbar-btn 这样你看到的效果才是比较美观的.

2. 淘宝导航条二级分类的下划线怎么去掉,代码是什么

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<style>

*{

margin:0;

padding:0;

}

div{

width:100px;

height: 50px;

background-color:red;

cursor: pointer;

}

ul{

width: 100px;

height: 0px;

list-style-type: none;

-moz-transition: width 1s;

-webkit-transition: width 1s;

-o-transition: width 1s;

transition:1s;

}

ul li {

background-color: #321433;

width: 100%;

height: 25%;

}

</style>

<body>

<div id="div">

<p>HOME</p>

</div>

<ul id="ul">

<li style="background-color: yellow"></li>

<li style="background-color: aqua"></li>

<li style="background-color: green"></li>

<li style="background-color: blue"></li>

</ul>

</body>

<script type="text/javascript">

document.getElementById("div").onclick=function(){

var ul= document.getElementById("ul");

ul.style.height=200+"px";

};

</script>

</html>

3. 百度空间模板制作(导航栏下划线去除)

在设置字体的地方加上:

text-decoration: none!important;

加好了,你试试:

.div.line{margin-bottom:5px;border-bottom:px dashed #996600}

#tabline{display:none;}

#tab{top:104px;left:842px;;width:1024px;text-indent:px;letter-spacing:0px; writing-mode:lr-tb ;line-height:26px! important; width: 90px! important; height: 25px! important}

#tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:0px;line-height:20px;color: #000000;font-size:12px;text-decoration: none!important;}

#tab a:link,#tab a:visited{margin-top:0px;line-height:20px;color: #000000;font-size:12px;text-decoration: none!important;}

#tab a:hover{color: #000000;font-family:隶书;font-size:12px;text-decoration: none!important;}

#tab span {display:none;}

#tab2{OVERFLOW: hidden;background: no-repeat center center;width:auto;margin-left:0px}

#tab2 a{font-size:12px;text-decoration: none!important;}

#tab2 a:link{color:#000000}

#tab2 a:visited{color:#000000}

#tab2 span{color:#000000;font-size:12px;font-weight:bold;text-decoration: none!important;}

#m_setting {;margin-left:-10px;font-size:14px;text-decoration: none!important;}

推荐阅读
  • 努比亚z9max手机音乐效验

    该机拥有HIFI级音乐芯片,音乐效果不凡。具体体现在:1.音量调节,正常听音乐中高低音都是一个音量,而杜比音效能动态扩大某个音量。比如放打鼓声,杜比会及时提高低音加强鼓声。2.加强音域,杜比音效有开阔、集中、…

    百科 2024-09-20
  • 是atChristmas还是inChristmas

    此处该用“on”。在圣诞节正确表达应为 “on Christmas ”。有具体日期的,比如知道几月几日的都用“on” ;不知道日期,但知道年份和月份的用“in” ,知道具体时间,比如几点几分用“at”。…

    百科 2024-09-20
  • 个体工商户应交纳什么税

    纳税标准根据国家税务总局《个体工商户定期定额征收管理办法》文件精神 ,定期定额征收方式适用的税种及税率如下:1、根据《中华人民共和国增值税暂行条例》规定,自2009年1月1日起,小规模纳税人增值税征收率为3%…

    百科 2024-09-20
  • 材料成本差异率为负数是什么意思

    材料成本差异额,是指材料的实际成本和计划成本之间的差额。差异率负数表示节约差异,即实际成本比计划成本小。正数表示超支差异,即实际成本比计划成本大。…

    百科 2024-09-20
  • 塞翁失马焉知非福是什么意思

    比喻一时虽然受到损失,反而因此能得到好处。也指坏事在一定条件下可变为好事,反之亦然。形容人的心态,一定要乐观向上,任何事情都有二面性,不好的一面,有可能向好的一面转化。塞翁失马,焉知非福出自《 淮南子…

    百科 2024-09-20