CSS文本导航

分类 : 代码案例

CSS文本导航


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

<!--

ul {

 list-style-type: none;

}

li {

 float: left;

 display: block;

 width: 100px;

}

a {

 font-family: "宋体";

 font-size: 12px;

 font-weight: bold;

 color: #006699;

 text-decoration: none;

 line-height: 12px;

 width: 100px;

 display: block;

 vertical-align: middle;

}

a:hover {

 font-family: "宋体";

 line-height: 12px;

 font-size: 12px;

 font-weight: bold;

 color: #FF9900;

 text-decoration: none;

}

#enFont{

 font-size: 10px;

 color: #999999;

 width: 100px;

 font-family: Verdana, Arial, Helvetica, sans-serif;

 line-height: 10px;

 float:left;

}

span{margin:0px;padding:0px;}


-->

</style>

</head>


<body>

<ul>

 <li><a href="#">导航菜单</a><span id="enFont">Menu</span></li>

 <li><a href="#">导航菜单</a><span id="enFont">Menu</span></li>

 <li><a href="#">导航菜单</a><span id="enFont">Menu</span></li>

 <li><a href="#">导航菜单</a><span id="enFont">Menu</span></li>

 <li><a href="#">导航菜单</a><span id="enFont">Menu</span></li>

 <li><a href="#">导航菜单</a><span id="enFont">Menu</span></li>

 <li><a href="http://www.css5.net">CSS5.NET</a><span id="enFont">Menu</span></li>

</ul>

</body>

</html>


分类: 代码案例  发布: 2019-07-18-星期四   访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程

分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

02-标识符,关键字和保留字
【MySQL】漫谈MySQL体系结构
javascript之标识(zhi)符、关键字与保留字
《MySQL 性能优化》之理解 MySQL 体系结构
MYSQL性能优化之Mysql体系结构,存储引擎
Python语法的使用和简介
底层剖析 Window 、Activity、 View 三者关系
Unity音量可视化——粒子随声浪跳动
JavaScript中this指向问题
css talbe中td溢出隐藏 div溢出隐藏

最新

div css隐藏内容样式方法
OPPO Reno3 Pro远程守护怎么使用?
XP系统里让IE支持多线程下载怎么设置
qq电脑管家温度检测在哪设置的? QQ电脑管家怎么测电脑的温度
win7禁用ie浏览器方法 win7怎么把桌面的ie隐藏
WinXP笔记本声卡驱动无法成功安装的解决方法
XP⁄Win7共享⁄连接打印机设置详细 xp怎
华为笔记本蓝屏错误0xcoooo428怎么解决
企业如何部署微软Windows 8? Windows 8的开发历史
华为mate9怎样解指纹密码?

推荐阅读

c语言中break语句的作用
undefined是什么意思啊
vscode----vue中HTML代码tab键自动补全
前端该怎么学?推荐一个学习路线!
.Net轻松处理亿级数据--ClickHouse数据操作
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
html5中datalist标签怎么用
DIV CSS字体(font-family)实现字体样式设置
Mysql里表示布尔型的类型是什么
Datalist options 集合,options语法,optio

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16