帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> HTML入门 >> Div+CSS从入门到精通 >> 阅读文章

Div+CSS速成第四天:纵向导航菜单及二级弹出菜单

来源:远方教程 作者:远方教程 发布时间:2015-03-17 查看次数:14188 访问[新版]

 

  生成的css代码如下:
<style type="text/css">
#menu ul { list-style: none; margin: 0px; padding: 0px; }
</style>
  下面我们定义一下全局的字体,字号,行距等,点击css样式面板上的新建按钮,在弹出的窗口中选择器类型选择标签,名称选择body,然后在css编辑器中设置如下图所示属性

DIV CSS教程——第4天_纵向导航菜单及二级弹出菜单
DIV CSS教程——第4天_纵向导航菜单及二级弹出菜单

body全局样式定义后,下面我们给#menu定义一个灰色的1px边框及宽度,然后把li定义下背景色和下边框及内边距等

DIV CSS教程——第4天_纵向导航菜单及二级弹出菜单
DIV CSS教程——第4天_纵向导航菜单及二级弹出菜单
DIV CSS教程——第4天_纵向导航菜单及二级弹出菜单

打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部