当前位置:  编程技术>WEB前端

dl,dt,dd制作的CSS垂直菜单

    来源: 互联网  发布时间:2014-09-06

    本文导语:  感觉跟ul和li有点类似,不过也算是一种新思路,源码如下: dl,dt,dd制作的CSS垂直菜单 #menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(file:///E|/ceshi/media/bottom.gif) no-repeat bottom left;} #menu dt {margin:0; padding...

感觉跟ul和li有点类似,不过也算是一种新思路,源码如下:

dl,dt,dd制作的CSS垂直菜单 #menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(file:///E|/ceshi/media/bottom.gif) no-repeat bottom left;} #menu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #69c url(file:///E|/ceshi/media/top.gif) no-repeat top left;} #menu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;} #gallery a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px; background: #47a url(file:///E|/ceshi/media/arrow.gif) no-repeat 10px 10px; width:125px; } #gallery a:hover {background: #258 url(file:///E|/ceshi/media/arrowr.gif) no-repeat 11px 10px; color:#9cf;} ol li {font-size:11px;}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    
 
 

您可能感兴趣的文章:

  • DVD 菜单制作工具 DVDStyler
  • 100分求助-关于Jbuilder6.0中,菜单的制作!
  • OSD菜单如何制作用户输入框
  • 我在制作一个菜单时遇到问题如下:
  • 怎样制作弹出菜单(pop-up menu)?
  • 制作jquery遮罩层效果导航菜单代码分享
  • ul+li及css制作韩国风格菜单代码
  • 快速制作CSS导航菜单教
  • Div+Css(+Js)菜单代码及制作工具
  • 无js5款纯div+css制作的弹出菜单标准
  • CSS制作树状目录教程
  • xhtml+css制作不规则导航
  • 在DIV+CSS排版中新闻列表的制作方法
  • 纯CSS制作的新闻网站中的文章列表
  • DIV和CSS排版中制作细线条的方法小结
  • 实用的利用 CSS + <em>标签 来完成一个三角形的制作
  • xhtml+css网页制作中常见问题解决方法
  • 网页制作中十个最好的CSS hacks
  • 纯CSS实现标签导航制作
  • 用css制作星级评分第1/3页
  • DIV+CSS网页制作布局技巧学习
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 想安装samba服务,想制作iso镜像来挂载,如何制作iso文件?
  • ubuntu8.10有个制作u盘启动盘的功能,谁能制作个u盘启动盘的iso给我?小点的,有桌面的。
  • Destoon模板怎么制作?destoon模板制作简单教程
  • usb闪存启动盘制作工具 Flashboot
  • 制作usb启动盘
  • USB启动盘制作软件 iBurnMgr
  • 图标、光标制作工具 Greenfish
  • 探讨下启动盘的制作原理!
  • 如何制作FC4启动光盘(grub)?
  • Java安装程序制作工具 IzPack
  • 图表制作软件 Openchart2
  • ThinkPHP标签怎么制作?thinkphp标签制作实例教程
  • 电子杂志制作软件 Scribus
  • 利用Wordpress轻松制作电子书 Anthologize
  • 如何利用Linux安装盘制作启动盘?
  • Linux下怎么制作帮助文件
  • chm制作工具 CHMWriter
  • 视频制作工具 FlasKMPEG
  • DVD 视频光盘制作软件 Bombono DVD
  • 图标制作工具 IconDeveloper


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3