01网易云首页导航栏html制作（李游精品前端课程笔记）

刚好遇见小侯

于 2022-05-11 19:04:37 发布

阅读量483

点赞数

分类专栏：李游精品前端网易云项目文章标签：前端 html css

本文链接：https://blog.csdn.net/m0_61238657/article/details/124716538

版权

本文记录了李游精品前端课程中关于制作网易云首页导航栏的HTML部分，涵盖了HTML结构设计和基本CSS样式应用。

摘要由CSDN通过智能技术生成

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>网易云课堂</title>
    <style type="text/css">
    	*{margin: 0;padding: 0;list-style: none;text-decoration: none;}
/*topNode*/
    	.topNode{
    		height: 56px;
    		background: #303440;

    	}
    	.topNode .topNodeContent{
    		width: 1206px;
    		height: 100%;
    		background: -pink;
    		margin: 0 auto;
    	}
    	.topNode .topNodeContent .logo{
    		margin-top: 14px ;
    		float: left;
    	}
    	.topNode .topNodeContent .searchNode{
    		width: 357px;
    		height: 36px;
    		border: 1px solid #191e2b;
    		float: left;
    		background: #fff;
    		border-radius: 19px;
    		margin: 9px 0 0 17px;
    		overflow: hidden;
    	}
    	.topNode .topNodeContent .searchNodeLeft{
    		width: 44px;
    		height: 100%;
    		float: left;
    		font-size: 13px;
    		line-height: 36px;
    		margin-left: 18px;