新浪导航栏

逃离我推掉我的手 2023-06-15 04:53 25阅读 0赞

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>新浪导航栏</title> <style type="text/css"> *{ 
    			margin: 0;
    			padding:0;
    		}
    		.top { 
    			position: fixed;
    			top: 0;
    			left: 0;
    			width: 100%;
    		}
    		body { 
    			height: 3000px;
    		}
    		.nav{ 
    			text-align: center;
    			height: 41px;
    			border-bottom: 1px solid #edeef0;
    			border-top: 3px solid #ff8500;
    			background-color: #fcfcfc;
    
    		}
    		.nav a{ 
    			display: inline-block;
    			height: 41px;
    			line-height: 41px;
    			text-decoration: none;
    			color: #4c4c4c;
    			text-align: center;
    			font-size: 12px;
    			padding: 0 20px;
    		}
    		.nav a:hover{ 
    			background-color: #eee;
    			color: #ff8500;
    		}
    		.bd { 
                width: 1251px;
                height: 262px;
                margin: 41px auto;	
    		}
    	</style>
    </head>
    <body>
    	<div class="top">
    		<div class="nav">
    		  <a href="#">设为首页</a>
    		  <a href="#">手机新浪网</a>
    		  <a href="#">移动客户端</a>
    		  <a href="#">博客</a>
    		  <a href="#">微博</a>
    		  <a href="#">关注我</a>
    	    </div>
    	</div>
    	<div class="bd">
    		<img src="images/新浪body.png" alt="">
    	</div>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，25人围观）

还没有评论，来说两句吧...

相关阅读

相关新浪导航栏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>新浪导航栏</title>

逃离我推掉我的手/ 2023年06月15日 04:53/ 0 赞/ 26 阅读

相关 css导航栏_使用CSS的导航栏

css导航栏 CSS | 导航栏 (CSS | Navigation Bar) Developing websites is great but developing

系统管理员/ 2023年03月05日 10:59/ 0 赞/ 27 阅读

相关仿新浪导航栏（固定定位练习）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl

太过爱你忘了你带给我的痛/ 2023年02月18日 14:19/ 0 赞/ 28 阅读

相关仿新浪导航栏

![在这里插入图片描述][20200609202304627.png] <!DOCTYPE html> <html lang="en"> <head> <meta c

「爱情、让人受尽委屈。」/ 2023年02月16日 12:08/ 0 赞/ 19 阅读

相关 css基础实例4-新浪导航栏的制作

案例图：![在这里插入图片描述][20210302222027167.png] 要求： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

待我称王封你为后i/ 2022年10月23日 15:23/ 0 赞/ 129 阅读

相关 07-简易版新浪导航栏(盒子模型)

1.布局一个大盒子 2.设置盒子的大小,边框,行内距,内容 <!DOCTYPE html> <html lang="en"> <head>

Myth丶恋晨/ 2022年09月12日 13:54/ 0 赞/ 125 阅读

相关 Bootstrap导航栏

1.表格导航或标签：创建一个标签式的导航菜单 ![这里写图片描述][20160612152626775] 以一个带有class.nav的无序列表开始

客官°小女子只卖身不卖艺/ 2022年08月23日 08:42/ 0 赞/ 281 阅读

相关导航栏

想必大家在百度上见过许多导航栏的代码，下面我来为大家安利三种比较实用的导航栏（仅靠html/css来实现）： 1 下拉菜单栏： <!DOCTYPE html>

深藏阁楼爱情的钟/ 2022年05月25日 10:58/ 0 赞/ 405 阅读

相关 Bootstrap 导航栏

一、导航元素 1、导航标签并添加标签页注意 .nav-tabs 类依赖 .nav 基类。 <div class="container">

妖狐艹你老母/ 2022年04月23日 08:02/ 0 赞/ 391 阅读

相关导航栏

今天做一个百度首页的导航栏 ![在这里插入图片描述][20190716200535505.png] <!DOCTYPE html> <html>

「爱情、让人受尽委屈。」/ 2021年12月07日 11:55/ 0 赞/ 519 阅读