搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏云计算linux
WEB入门.九导航菜单
实现步骤：（1）使用 div和ul搭建导航菜单框架，代码如下：
网站logo
<div globalMenu为导航栏容器样式，采用 ul 和 li将其分隔两行；title 为网站 logo样式；content为导航内容样式。 .title{float:left;width:140px;padding:6px0 0;text-align:center;}/*导航内容部分*/.globalMenu .content{float :36px;width:150px;border-right:1pxsolid #ccc;/*定义菜单栏目的右边框*/}.globalMenu .content .menu li{text-align: left;padding:2px0 0 10px;list-style-type:none;}.globalMenu .content .lineH{line-height:22px;}.globalMenu
1.9K10编辑于 2024-12-18
来自专栏云计算linux
WEB入门.九导航菜单
实现步骤：（1）使用 div和ul搭建导航菜单框架，代码如下：

网站logo </ globalMenu为导航栏容器样式，采用 ul 和 li将其分隔两行；title 为网站 logo样式；content为导航内容样式。 .content{ float:left; width:400px; margin:5px0 0; } /*定义菜单栏样式*/ .globalMenu .content .menu .content .menu li{ text-align:left; padding:2px0 0 10px; list-style-type:none; } .globalMenu .content .lineH{ line-height:22px; } .globalMenu .content .tip{ font-weight:bold; } </style>
1.8K10编辑于 2024-12-17