普普通通的导航条练习

<!DOCTYPE html>
<html lang="ch"><head><meta charset="UTF-8"><title>导航条</title><link rel="stylesheet" href="css/reset.css"><style>.nav a{display: block;text-decoration: none;color: #777777;font-size: 18px;padding: 0 86px;}.nav{width: 1184px;height: 48px;background: #e8e7e3;margin: 100px auto;}.nav li{float: left;line-height: 48px;}.nav a:hover{background-color: #cd6efe;}</style></head><body><ul class="nav"><li><a href="#">丁七岁1</a></li><li><a href="#">丁七岁2</a></li><li><a href="#">丁七岁3</a></li><li><a href="#">丁七岁4</a></li><li><a href="#">丁七岁5</a></li></ul></body>
</html>

reset.css文件
结果展示：

普普通通的导航条练习相关推荐

导航条——收缩式导航菜单
1.概述在网站中不仅可以设置导航条,而且还可以设置导航菜单.由于菜单内容比较多,同一页面显示比较杂乱,所以很多的设计者都采用了收缩式的菜单形式. 2.技术要点本实例主要是应用JavaScript控 ...
android上方导航条跳转页面,《成为大前端》系列 7. 多页面、页面跳转和Navigation模块...
介绍开发过移动 Web 页面的同学都知道,单个页面由客户端的 UI 所承载,页面间的跳转也不再是使用 window 和 location,也不是使用 a 标签,而且调用 Native 写好的 br ...
【2】Vue项目引用Element UI（饿了么框架）菜单导航条初期配置
首先要理解Vue项目加载顺序: index.html → main.js → App.vue → nav.json→ routes.js → page1.vue index.html建议加入样式 &l ...
Angular1.x入门级自定义组件（导航条）
<!DOCTYPE html> <html lang="zh" ng-app="app"> <head><meta c ...
翻页导航条页码计算方法
在开发搜索引擎等应用时,提供一个翻页导航条是必须的.我看过网上一些相关的代码,搞得很复杂.晕~~~ 其实其数学计算公式非常简单,本文提供两种最常用的算法. 翻页式样式如下.每次显示10个页码,并提供 ...
如何构建顶部导航条_如何构建导航栏
如何构建顶部导航条导航栏 (Navigation Bars) Navigation bars are a very important element to any website. They pr ...
iPhone App开发导航条(Navigation Bar)素材PSD下载
不管是iPhone还是Android的应用App界面基本上最上方都会有个导航条(Navigation Bar).于是我决定创建此页面整理收集所有好看的适合在iPhone App应用开发中使用的导航条素 ...
[CSS]30种时尚的CSS网站导航条
[原文地址]:http://coolshell.cn/?p=562 我想,大家在上网的时候一定见过很多很多种各式各样的网站导航条的设计.这些导航条基本上来说都是用CSS来做的.这里,我们将向你介绍几种 ...
去掉主页 breadcrumb导航条上的Liferay字样
需求: 我们公司需要从breadcrumb上去掉最前面的那个Liferay,如图: 我们想只保留"Welcome",而去掉前面的"Liferay" 问题分析: ...

普普通通的导航条练习

普普通通的导航条练习相关推荐

最新文章

热门文章