当前位置:首页 > 建站优化 > 正文内容

网页制作头部导航代码(手机网站一键导航代码)

zhuangbi888.com2021-03-18 16:32建站优化1060

1、新建html页面

打开html编辑软件,新建一个html页面。如图:

2、添加导航标签

在<body>标签里新建一个<ul></ul>标签,然后在<ul>标签里添加几个<li></li>标签。如图:

3、在<li>标签内添加文字。

在新建的<li>添加要显示的内容。如图:

4、创建样式标签

在<title>标签后新建一个<style type="text/css"></style>标签。

5、创建横向导航的样式

在<style>标签里添加一个样式类为:.nav li{},然后再.nav li类中设置样式背景颜色为红色,浮动为左浮动,内边框上下为8px左右为15px,列表属性为none,字体颜色为白色。

样式代码为:

nav li{ background-color: red; padding: 8px 15px; float: left; list-style: none; color:#fff; }

6、引用样式类。

在<ul>标签内添加 class="d9c4-5feb-60a4-deff nav",就可以让nav下的<li>标签引用到设置好的样式类。如图:

7、查看效果。

把html文件保存后,使用浏览器打开即可看到横向导航菜单效果。如图:

相关文章

企业内部办公邮箱申请,企业统一域名的邮箱去哪里申请呢?

企业内部办公邮箱申请,企业统一域名的邮箱去哪里申请呢?

企业邮箱是以企业自己的域名为后缀的信箱,例如:name@企业域名。 拥有企业邮箱可以为自己的员工设置电子邮箱,还可以根据需要设置不同的管理权限。 相比个人邮和免费邮,企业邮箱拥有独立的域名,可大大提升...

域名赎回费用(域名赎回期多久可以重新申请)

域名赎回费用(域名赎回期多久可以重新申请)

赎回费用:手续费=申请份额*当日闭市后基金净值*赎回费率( 需要注意的是:各基金规定的赎回费收入的归属可能会有所不同,有的扣除较少的手续费后大部分归基金资产所有;有的全部或大部分用作手续费(归基金管...

中国设计师互动平台(设计师互动平台有哪些)

中国设计师互动平台(设计师互动平台有哪些)

国内最好的素材网站(转载)   站名称:素材公社   推荐指数:*****   网站介绍:网站建于2007年,作为在广告设计行业从业近十年的业内资深成员,意识到:随着网络技术的不断成熟与发展,广告设计...

网站域名域名(域名更新后如何获得新域名)

这个就是所谓的 虚拟主机 1,在域名提供商那里做好域名解析,指向你的web服务器的IP 2,在IIS中新建站点,然后在网站属性的IP地址-〉高级设置里添加主机头,主机头就是你的顶级域名,比如,bai...

网站的域名都有哪些(网站查询域名解析)

你好,一般有些空间自带建站系统和模版的,后台操作也很简单,会一点电脑基础就能完成,如果不会设计,对版面要求严格或需按要求定制的,就要制作费用。 如果你不需模版自己就会设计的话这个费用很大程度上可以省去...

个人域名备案需要什么资料(网站域名不备案有什么影响)

个人域名备案需要什么资料(网站域名不备案有什么影响)

备案是看空间的,而且备案是域名和空间一起备案,如果只有域名是没法备案的,只有空间也是没法备案的,你看一下你是使用是国内的空间还是国外的空间呢?如果是国内的空间就需要备案,具体的备案流程需要咨询你的空间...

网站建设选HTML5具有哪些优势?

下面是HTML5的一些关键的好处: 新标签允许分类的重要信息和内容的开发; 提供改进的用户体验; 对于拥有丰富的音频和视频的网站很有用,尤其是移动设备不支持Flash; 标签对于搜索引擎很友好,便于爬...

分页网站,网站分页实现原理

分页网站,网站分页实现原理

“我是哟哟吼说科技,专注于数据网络的回答,欢迎大家与我交流数据网络的问题” 如题,如何将数据库查询出来的数据进行分页操作? 哟哟简单说一下分析及操作步骤: 1、创建一个page对象a、创建所需要的属性...

评论列表

合肥制作网站
合肥制作网站
2021-03-20 05:13

t;ul>标签内添加 class="a08b-4bf5-5d0e-d9c4 nav",就可以让nav下的<li>标签引用到设置好的样式类。如图:7、查看效果。把html文件保存后,使用浏览器打开即可看到横向导航菜单效果。如图:

联系服务器
联系服务器
2021-03-20 05:13

list-style: none; color:#fff; }6、引用样式类。在<ul>标签内添加 class="829b-187d-8e4c-50f4 nav",就可以让nav下的<li>标签引用到设置好的样式类。如图:7、

玉树网站建设
玉树网站建设
2021-03-20 05:13

lt;li></li>标签。如图:3、在<li>标签内添加文字。在新建的<li>添加要显示的内容。如图:4、创建样式标签在<title>标签后新建一个<st

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。