<style type="text/css">ul,li{ margin:0; padding:0; float:left; display:block; list-style-type: none; }.bi{ position: relative; z-index: 0;}.bi:hover{z-index: 99;}.bi:hover span{ visibility: visible; top: 0; left: 0;}.bi span{ position: absolute; visibility: hidden;}#nav li a,.bi:hover span{ line-height: 20px; text-decoration: none; background: #DDDDDD; color: #666666; display: block; width: 80px; text-align: center;}#nav li a:hover,.bi:hover span{ color: #FFFFFF; background: #DC4E1B;}.bi:hover span{padding-top: 2px;}</style>
<style type="text/css">
ul,li{
margin:0;
padding:0;
float:left;
display:block;
list-style-type: none;
}
.bi{
position: relative;
z-index: 0;
}
.bi:hover{z-index: 99;}
.bi:hover span{
visibility: visible;
top: 0;
left: 0;
}
.bi span{
position: absolute;
visibility: hidden;
}
#nav li a,.bi:hover span{
line-height: 20px;
text-decoration: none;
background: #DDDDDD;
color: #666666;
display: block;
width: 80px;
text-align: center;
}
#nav li a:hover,.bi:hover span{
color: #FFFFFF;
background: #DC4E1B;
}
.bi:hover span{padding-top: 2px;}
</style>
<body>
<ul id="nav">
<li><a class="bi" href=http://wuyisky.cnblogs.com>Home<span>首 页</span></a></li>
<li><a class="bi" href="http://wuyisky.cnblogs.com">CSS<span>样式表</span></a></li>
<li><a class="bi" href="http://wuyisky.cnblogs.com">样式表<span>CSS</span></a></li>
<li><a class="bi" href="http://wuyisky.cnblogs.com">首 页<span>Home</span></a></li>
</ul>
分享到：
相关推荐
DIV+CSS教程——第一天XHTML_CSS基础知识
在学习和实践中，可以参考codefans.net等网站获取更多资源和教程，深入了解W3C网页标准、Div+CSS以及XHTML+CSS的应用技巧，不断提升前端开发技能。通过熟练掌握这些技术，你可以创建符合现代标准、用户体验优秀的...
xhtml+css页面xhtml+css页面xhtml+css页面xhtml+css页面xhtml+css页面
在网页设计领域，"经典漂亮的三列布局XHTML+CSS模板"是一种常见的页面构建方式，它结合了XHTML（eXtensible Hypertext Markup Language）的结构化特性与CSS（Cascading Style Sheets）的样式控制能力，为网页提供了...
总之，"Div+CSS"入门教程旨在教授初学者如何利用XHTML标签（不仅限于DIV）和CSS进行网页布局，同时强调遵循Web标准和最佳实践，以创建可扩展、可维护的网页设计。在实际工作中，避免误解和滥用技术，如过度依赖DIV或...
xhtml+css页面xhtml+css页面xhtml+css页面xhtml+css页面xhtml+css页面
本资源“50个经典XHTML+CSS模版(2)”提供了一套丰富的设计素材，对于网页设计师和前端开发者来说，这些模版不仅能够帮助他们快速启动项目，还能启发新的设计灵感。 XHTML，即Extensible HyperText Markup Language...
总的来说，《xHTML+CSS+Dreamweaver CS3标准网站构建实例详解》是一本全方位的教程，适合初学者入门，也适合有一定基础的开发者提升技能。通过学习这本书，你将能够独立完成网页设计与开发，打造专业且美观的网站。...
这个“XHTML+CSS标准化网页开发”压缩包文件，显然是为了教授如何利用这两者来创建高效、美观且易于维护的网页界面。 XHTML是一种混合了HTML（HyperText Markup Language）和XML（Extensible Markup Language）的...
在IT领域，网页制作是至关重要的技能之一，而XHTML、DIV+CSS是构建静态网页的基础工具。XHTML（eXtensible Hypertext Markup Language）是HTML（HyperText Markup Language）与XML（Extensible Markup Language）的...
xhtml+cssxhtml+cssxhtml+cssxhtml+cssxhtml+css
100套自由免费的XHTML+CSS网页模板100套自由免费的XHTML+CSS网页模板100套自由免费的XHTML+CSS网页模板100套自由免费的XHTML+CSS网页模板100套自由免费的XHTML+CSS网页模板
本教程主要针对初学者，讲解如何使用XHTML+CSS（特别是DIV+CSS）进行网页布局。首先，了解基本的HTML知识是必要的，因为XHTML是基于HTML的，掌握HTML的基础标签和语法规则能更好地理解和编写XHTML文档。 在进行网页...
《XHTML+CSS网站模板：构建现代网页设计的基础》 XHTML+CSS是现代网页设计不可或缺的两大核心技术，它们共同构建了网页的结构与样式，为用户提供美观且易读的界面。XHTML（Extensible HyperText Markup Language）...
学习web开发的非常不错的入门资料，深入浅出的讲解了html、xhtml和css，活学活用
HTML（HyperText ...通过这个“HTML+XHTML+CSS2_基础教程”，初学者将能够系统地学习前端开发的基础知识，逐步掌握创建静态网页的技能。这份PDF文件对于想要踏入前端开发领域的学习者来说，无疑是一份宝贵的资源。
HTML+XHTML+CSS+JavaScript+DOM+AJAX语法及范例实用辞典是一本系统、全面的语法和范例辞典，详尽介绍了html、xhtml、css、javascript、dom、ajax这6种技术的语法。全书共分5章，书中不但对语法进行了理论讲解，而且...