文档章节

CSS水平菜单

宝贵
 宝贵
发布于 2014/11/30 22:35
字数 96
阅读 15
收藏 0
<!DOCTYPE HTML>
<html>
<title>垂直导航菜单</title>
<style>	
	* {margin:0px; padding:0px; font-size:14px;}
	#nav {margin: 20px auto;}
	a {text-decoration:none; }
    ul {list-style:none; } /* or li*/
	ul li {width:80px; background:#ccc; margin-left:1px;  height:40px; line-height:40px;text-align:center; float:left;}	
	li a {display:block;} /*  text-indent:10px;*/
	a:hover {color:#fff; background-color:#f60; font-weight:bold;}
</style>
<body>
	<div id="nav">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">新闻</a></li>
			<li><a href="#">视频</a></li>
		</ul>
	</div>
</body>
</html>


© 著作权归作者所有

上一篇: CSS贴图菜单
下一篇: CSS垂直菜单
宝贵
粉丝 3
博文 15
码字总数 15672
作品 0
西安
架构师
私信 提问
HTML5/CSS3水平二级下拉菜单

HTML5/CSS3水平二级下拉菜单 HTML5资源教程2017-12-221 阅读 css3下拉菜单html5 今天我们要给大家介绍一款简单而实用的 HTML5 /CSS3水平二级下拉菜单,这款 CSS3菜单 由简单的ul列表组成,因...

HTML5资源教程
2017/12/22
0
0
100+个最佳jQuery菜单与下拉菜单示例(1/10)

1) jQuery w菜单/下拉菜单示例教程 此教程是描述一个拥有全部不错的样式动画以及功能的菜单,也许这正式你一直在寻找的。我将细致描述 HTML 与 CSS 。我将假设你了解了 HTML 与 CSS 的知识并...

彭博
2012/04/22
10.1K
7
CSS3自定义菜单内容的二级下拉菜单

CSS3自定义菜单内容的二级下拉菜单 HTML5资源教程2018-01-021 阅读 css3下拉菜单内容菜单自定义 之前我们分享过很多基于jQuery和CSS3的二级下拉菜单,大部分都非常实用,当然也不乏炫酷的动画...

HTML5资源教程
2018/01/02
0
0
分享简单而实用的网页菜单导航【提供源码】

菜单导航对于一个网站来说非常重要,对于浏览者来说,导航设计的好坏将直接影响用户的体验。这里,我们为网页开发者提供了一系列简单但是实用的导航菜单例子及其源码,仅供参考和学习。 CSS3...

tp_wire
2012/06/14
402
1
由纯CSS3实现的超酷飞行状下拉菜单特效

日期:2012-4-26 来源:GBin1.com 在线演示 本地下载 今天介绍一款来自script-tutorial的超酷飞行状菜单特效,和传统的下拉菜单不同,它的子菜单都是水平飞入而非滑动下拉出现,非常的与众不...

gbin1
2012/04/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

阿里P7架构师:这些技术点没搞懂,我劝你不要跳槽!

阿里P7架构师架构师:这些技术点没搞懂,我劝你不要跳槽! 哪些技术点呢? 废话不多说,技术点全在下面这6张图里面了! 1.怎么看源码? 2.分布式 3.微服务 4.性能优化 5.工程化 粉丝福利:一...

别打我会飞
19分钟前
2
0
易错题

architect刘源源
24分钟前
1
0
使用Json4s 将带有Timestamp的对象转json时 变为所在时区

在有Timestamp属性的对象转json时 最后出来的时间会减小8小时,是因为变成了0时区,需要将隐式转换中添加设置本地时区 import org.json4s.{DefaultFormats, Formats}import org.json4s.jac...

可达鸭Go
26分钟前
1
0
工作六年java程序员的工作感悟,带你走出迷茫

前言 很多年前,刚刚从大学毕业的时候,很多公司来校招。其中最烂俗的一个面试问题是:“你希望你之后三到五年的发展是什么?”。我当时的标准回答是(原话):“成为在某一方面能够独当一面...

java知识分子
31分钟前
1
0
jenkins邮箱发送失败以及解决方案

jenkins邮箱设置报错以及解决方案 Jenkins邮箱设置 我用了 Email Extended Plugin这个插件,这个插件会有更加丰富的邮件内容,建议添加。 1.安装 Email Extended Plugin 2.系统管理-系统设置...

shzwork
40分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部