利用CSS span实现双语菜单的方法教程


  主要是用CSS的span标签来实现,其实看了代码你会觉得,原来实现双语菜单如此简单。

CSS Code复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.phpstudy.net/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
  2. <html xmlns="http://www.phpstudy.net/1999/xhtml">   
  3. <head>   
  4. <title>CSS实现的中英文双语菜单</title>   
  5. <style type="text/css">   
  6. ul {   
  7.  list-style-typenone;   
  8. }   
  9. li {   
  10.  floatleft;   
  11.  displayblock;   
  12.  width100px;   
  13. }   
  14. a {   
  15.  font-size9pt;   
  16.  font-weightbold;   
  17.  color#006699;   
  18.  text-decorationnone;   
  19.  line-height12px;   
  20.  width100px;   
  21.  displayblock;   
  22.  vertical-alignmiddle;   
  23. }   
  24. a:hover {   
  25.  line-height12px;   
  26.  color#FF9900;   
  27.  text-decorationnone;   
  28. }   
  29. #enFont{   
  30.  font-size10px;   
  31.  color#999999;   
  32.  width100px;   
  33.  font-familyVerdanaArialHelveticasans-serif;   
  34.  line-height10px;   
  35. float:left;   
  36. }   
  37. span{margin:0px;padding:0px;}   
  38. </style>   
  39. </head>   
  40. <body>   
  41. <ul>   
  42.  <li><a href="/">网站主页</a><span id="enFont">HOME</span></li>   
  43.  <li><a href="/">最新更新</a><span id="enFont">NEW</span></li>   
  44.  <li><a href="/">下载排行</a><span id="enFont">TOP</span></li>   
  45.  <li><a href="/">网站服务</a><span id="enFont">SERVICE</span></li>   
  46.  <li><a href="/">用户留言</a><span id="enFont">GUESTBOOK</span></li>   
  47.  <li><a href="/">联系我们</a><span id="enFont">CONTACT</span></li>   
  48. </ul>   
  49. </body>   
  50. </html>  



相关阅读:
PHP批量生成静态HTML的简单原理和方法
Win10最新预览版怎么还原以前Win7或Win8?
MySQL数学函数简明总结
MySQL页面访问统计及排名情况
JavaScript实现随机替换图片的方法
iOS应用中发送HTTP的get请求以及HTTP异步请求的方法
mysql动态游标学习(mysql存储过程游标)
Win8.1如何关闭动态磁贴让耳朵清静下
win7 64位系统提示"Windows7不能识别网络打印机"的故障原因及解决方法
C#判断某程序是否运行的方法
Win10/Win8.1原生支持FFmpeg:视频格式通吃
jQuery事件绑定on()与弹窗实现代码
C#中事件的继承实例分析
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 终点作文1200字 那股暖暖的细流作文1500字 项目融资授权服务协议书 当学习委员的滋味 早餐_450字 儒家佛家道家文化有什么区别? 执行力心得 我们心中的好老师 粉笔赞歌作文100字 卫生计生委2016年世界防治结核病日活动方案 老家真好作文800字 九华山之旅 基层不作为乱作为整治工作总结 简简单单才是真800字 暮色深秋聆听幸福 2015教务主任辞职申请书 多少次挥汗如雨作文500字 父子之战 一棵棠梨树 学校微型课题实施方案 乐于忘记,不念旧恶 地下城争霸 我的老师Miss袁200字 建议书的写法指导 这是一件真实的事情 翻译岗位职责 初中初一作文600字:落叶无声 小学三年级作文250字:汗 游忠仑公园350字 感动中国人物何玥观后感 2013年暑假社会调查与实践方案 此梦不负作文 森林付给一位守林员的报酬 端正入党动机,从点滴做起 2011校园清明节活动企划方案 优秀团支部工作总结 村头有棵皂角树 跟我一起游黄山作文550字 可恶的自然老师450字 生活日记400字大全 【阮泊人散文诗】闲来无恙侃狼兽! 小学三年级作文300字:捉迷藏求 初一作文700字:过年啦 不做装睡的那个人 君子幽兰,一夜红笺舞 “严以律己”专题学习心得体会:律人先律己 2.14让情人和老婆感动的50句情话 校长职责 闭着眼看着天堂;那是藏着你笑的地方 心不宽,路怎么能宽?

Copyright © 2016 phpStudy |