导航栏代码例子及注意事项
发布日期:2022-02-06 00:27:09 浏览次数:28 分类:技术文章

本文共 683 字,大约阅读时间需要 2 分钟。

在这里插入图片描述

导航框:

    wangzhang     

Css中标签和属性值中内容的修改:

body{

margin:0 atuo;padding:0;

}

.nav{

margin:0 auto;width:1240px;height:133px;

}

.nav li{

float:left;list-style: none;width:107px;height:100%;line-height:133px ;text-align:center;font-size: 18px;

}

.nav .logo{

width:363px;height:100%;color:blue;font-size:64px;font-family:microsoft yahei;

}

.nav .xuanzhong{

background-color: blue;font-size: #ffffff;

}

结果:

在这里插入图片描述

注意:

Body{}一般修改浏览器默认值

属性值.nav{}定义属性值里的内容

属性值中的标签.nav li{}定义标签了的内容

属性值中的属性值.nav .logo{}和.nav .xuanzhong{}定义了logo属性值中的内容

转载地址:https://blog.csdn.net/weixin_46182770/article/details/104025133 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Html引进css的三种方法 相对路径和绝对路径
下一篇:CMakeLists文件规划学习

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月24日 23时41分05秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

spring boot 与 Ant Design of Vue 实现修改组织(二十五) 2019-04-27
spring boot 与 Ant Design of Vue 实现删除组织(二十六) 2019-04-27
spring boot 与 Ant Design of Vue 实现获取用户列表(二十七) 2019-04-27
spring boot 与 Ant Design of Vue 实现删除用户(三十) 2019-04-27
spring boot 与 Ant Design of Vue 鉴权体系获取用户信息的实现(三十二) 2019-04-27
Druid连接池实现自定义场景的多数据库的连接 2019-04-27
PL/SQL数据库管理工具的使用 2019-04-27
带你玩转属于自己的spring-boot-starter系列(一) 2019-04-27
带你玩转属于自己自己的spring-boot-starter系列(二) 2019-04-27
带你玩转属于自己的spring-boot-starter系列(三) 2019-04-27
基于SnowFlake算法如何让分库分表中不同的ID落在同一个库的算法的实现 2019-04-27
基于springboot的ShardingSphere5.X的分库分表的解决方案之分表解决方案(一) 2019-04-27
基于springboot的ShardingSphere5.X的分库分表的解决方案之关联查询解决方案(三) 2019-04-27
Linux文件管理参考 2019-04-27
FTP文件管理项目(本地云)项目日报(二) 2019-04-27
FTP文件管理项目(本地云)项目日报(三) 2019-04-27
FTP文件管理项目(本地云)项目日报(七) 2019-04-27
FTP文件管理项目(本地云)项目日报(九) 2019-04-27
以练代学设计模式 -- FTP文件管理项目 2019-04-27
FTP文件管理项目(本地云)项目日报(十) 2019-04-27