HTML導(dǎo)航條代碼
時(shí)間：2023-07-06 01:27:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-07-06 01:27:01 來源：網(wǎng)站運(yùn)營(yíng)
HTML導(dǎo)航條代碼：<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>
<style type="text/css">
.box{
width: 850px;
height: 51px;
position:absolute;
z-index: 2;
margin-left: 300px;
background: #3776C6;
}
.box ul{
list-style: none;
padding-left: 100px;
}
.box ul li{
float: left;
padding-left: 0px;
padding-top: 0px;
margin: -5px 20px 0 10px;
}
.box ul li a{
color: #ffffff;
text-decoration: none;
display: block;
font-size: 20px;
line-height: 40px;
text-shadow: 10px 10px 50px #fff;
padding-right: 6px;
}
.box ul li:hover{
color: #fff;
background: #3776C6;
transition: 0.5s;
}
.box ul li a:hover{
color: #000000;
}
.box ul li ul{
padding-left: 0px;
margin-left: 0px;
}
.box ul li ul li{
display: none;
float: inherit;
font-size: 20px;
}
.box ul li:hover ul li{
display: block;
border-top: 1px solid rgba(158,54,56,1.00);
}
.box ul li ul li:hover{
background: #D9530B;
}
.box ul li ul li a:hover{
background: #3776c6;
}
</style>
</head>
<body>
<div class="box">
<ul>
<li><a href="index.html">首頁</a></li>
<li><a href="#">人工智能的發(fā)展</a>
<ul>
<li><a href="人工智能的未來發(fā)展趨勢(shì).html" style="font-size: 16px">趨勢(shì)</a></li>
<li><a href="奧里給.html" style="font-size: 16px">歷史</a></li>
</ul>
</li>
<li><a href="#">人工智能應(yīng)用</a>
<ul>
<li><a href="醫(yī)療領(lǐng)域.html" style="font-size: 16px">國(guó)內(nèi)</a></li>
<li><a href="#" style="font-size: 16px">國(guó)外</a></li>
</ul>
</li>
<li><a href="領(lǐng)域新聞.html">領(lǐng)域新聞</a></li>
<li><a href="#">人工智能介紹</a></li>
<li>
</ul></div>
</body>
</html>
在線咨詢