大佬幫我看看怎么設定那個鏈接到上面那個藍色的方塊
uj5u.com熱心網友回復：
<style type="text/css">#top{
width:100%;
height:32px;
background:#036;
position: relative;
}
#top span{
font-weight: bold;
font-size:15px;
color:white;
line-height: 32px;
}
.top1{align:center;
}
#xydm{
width: 55px;
height: 18px;
background:#F63;
text-align: center;
}
#xydm span{
color:#000;
}
.top-r{
list-style:none;
}
.top-r li{
float:left;
font-weight: bold;
font-size:15px
}
</style>
</head>
<body>
<div id="top">
<div><span class="top1">院校代碼：</span>
<span id="xydm">012745</span>
</div><div>
<ul class="top-r">
<li>
<a href="https://bbs.csdn.net/topics/#">·通信入口</a>
</li>
<li>
<a href="https://bbs.csdn.net/topics/#">·數值校園</a>
</li>
<li>
<a href="https://bbs.csdn.net/topics/#">·VPN入口</a>
</li>
<li>
<a href="https://bbs.csdn.net/topics/#">·電子郵件</a>
</li>
<li>
<a href="https://bbs.csdn.net/topics/#">·English</a>
</li>
</ul>
<input type="text" placeholder="搜索" title="搜索" />
</div>
</div>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/20248.html
標籤：HTML5