4,浮动的导航栏

最新推荐文章于 2021-03-12 21:47:25 发布

okenan123

最新推荐文章于 2021-03-12 21:47:25 发布

阅读量296

点赞数

分类专栏：网页设计

本文链接：https://blog.csdn.net/okenan123/article/details/8747081

版权

网页设计专栏收录该内容

6 篇文章 0 订阅

订阅专栏

废话不多说，直接上代码

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>柯南的博客</title> 
<style type="text/css"> 
*{  
padding:0;  
margin:0;  
}  
body{  
    background-image:url(images/body_bg.png);  
}  
table tr td{  
    border:0px;  
    padding:0px;  
    margin:0px;  
}  
#fixedLayer{  
    height:43px;  
    width:100%;  
    background-image:url(images/nav_bg.png);  
    background-repeat: repeat-x;  
    position:fixed;  
    left:0px;  
    top:0px;  
    padding-left:20px;  
    padding-right:20px;  
    font-size:14px;  
    font-family:"微软雅黑", "楷体", "宋体";  
    color:#CCC;  
}  
.top{  
    margin:auto auto;  
    width:1200px;  
    height:43px;  
}  
.home{  
    padding-left:10px;  
    padding-right:10px;  
    cursor:pointer;  
}  
.home:hover{  
    border:1px #000 solid;  
    background-color:#333;  
    color:white;  
}  
.nickName{  
    font-size:16px;  
    padding-left:10px;  
    padding-right:10px;  
}  
 
</style> 
<!--[if lte IE 6]> 
<style type="text/css"> 
html {  
height:100%;  
overflow:hidden;  
}  
body {  
height:100%;  
overflow:auto;  
}  
#fixedLayer {  
position:absolute;  
}  
</style> 
<![endif]--> 
</head> 
 
<body> 
 
<!--top --> 
<div id="fixedLayer"> 
    <div class="top"> 
    <table> 
    <tr> 
        <td><img src="images/100.jpg" width="38px" height="38px" /></td>
<td class="nickName">柯南</td> 
<td class="home">首页</td>
<td class="home">博文目录</td> 
    </tr> 
    </table> 
    </div> 
</div> 
<!--top end --> 
 
<p>dwwwwwwwwwwwwwwd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
<p>dd</p> 
</body> 
</html>

本文出自 “Kenan_ITBlog” 博客，请务必保留此出处http://soukenan.blog.51cto.com/5130995/1060500

okenan123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
4,浮动的导航栏

废话不多说，直接上代码 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>柯
复制链接

扫一扫

专栏目录