你好,欢迎访问远方教程PC版!
广告位招租

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

[日期:2015-03-17]   来源:远方教程  作者:远方教程   阅读:15438次[字体: ] 访问[旧版]
 捐赠远方教程 

 

  生成的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天_纵向导航菜单及二级弹出菜单

图片展示
 
相关评论
站长推荐