巧用Dreamweaver制作简单的变色菜单栏

 时间:2024-10-11 22:00:03

1、首先打开你桌面上已经安装好的Dreamweaver制作网页的工具,点击新建一个HTML文件;

巧用Dreamweaver制作简单的变色菜单栏

3、一般在制作菜单栏的时候,需要一个div标签,下一步我们就插入div的标签栏,选择插入--布局对象--div标签;

巧用Dreamweaver制作简单的变色菜单栏巧用Dreamweaver制作简单的变色菜单栏

6、标签的列表制作好后,可以添加相应的超链接选项了,点击插入超链接就可以了;

巧用Dreamweaver制作简单的变色菜单栏

8、下一步整体的样式出来了,下一步进行css样式表的设计了,设计样式表是对整个div奏效的,所以注意在div中定义样式,添加枷讹般身相关的id,将其设置<div id="menu">;<style type="text/css">#menu ul{ margin:0; padding:0; }#menu li{ float:left; list-style:none; } #menu li a{ display:block; margin:0 1px 0 0; padding:4px 10px; background:#0F0; color:#63F; text-align:center; text-decoration:none; } #menu li a:hover{ background:#F6F; } </style>

巧用Dreamweaver制作简单的变色菜单栏

10、最后一步我们预览一下简单的变色菜单栏的效果吧;

巧用Dreamweaver制作简单的变色菜单栏
  • dw图片滚动效果怎么做
  • Dreamweaver如何插入普通视频
  • DW如何开启允许多个连续的空格
  • dw怎么添加搜索框
  • Dreamweaver中如何设置图片浮动【图文排版】
  • 热门搜索
    浙江诸暨旅游 庆阳旅游景点大全 美国旅游注意事项 山东旅游职业学院吧 海南省旅游学校 云南旅游攻略自助游 天津五大道旅游攻略 湖南衡山旅游攻略 哈尔滨旅游必去景点 日本旅游购物