dw中css制作导航,Dreamweaver导航条按钮制作方法

核心提示：教你Dreamweaver用表格巧妙制作导航条按钮

看到上面的导航条了吗？你可以点击一下看看它的效果，请注意，这可是用表格做出来的，你相信吗？其实代码很简单，现在让我们来看看该怎么做。

1.首先创建一个1x6的表格，参数为：border=0 cellspacing=3 cellpadding=0；

2.在这个表格的每个单元格内分别插入一个表格，宽度和高度设为100%；

3.建立一个CSS样式.up和.down；代码如下：

.up{

border:4 outset royalblue;color:yellow;background:blue;cursor:hand

}

.down{

border:4 inset royalblue;color:#33ff33;background:blue;cursor:hand

}

4.对插入的表格调用样式和行为，代码如下：

class=up onMouseDown="className='down'" onMouseUp="className='up'" onMouseOut="className='up'" οnclick=window.open("button.htm","_blank")

注意：链接请用onclick，不要用href，因为后者访问后有虚线框，不美观。现在存盘看看效果吧！

dw中css制作导航,Dreamweaver导航条按钮制作方法相关推荐

在dw中新建html快捷键,Dreamweaver创建自定义快捷键的方法技巧
Dreamweaver创建自定义快捷键的方法技巧快捷键在网页开发中能大幅度地提高工作效率,Dreamweaver CS5 本身已经提供了很多快捷键,但是有些命令是没有快捷键的,这个时候就可以自己自定 ...
css怎么在dw中使用,如何使用 Dreamweaver 中的 CSS Designer 面板
了解如何使用 CSS Designer 面板创建或附加样式表.媒体查询.选择器以及设置 CSS 属性. CSS Designer 面板 "CSS Designer"面板(" ...
dw中css规则定义中文,Dreamweaver编辑CSS规则
核心提示:本教程为大家介绍一下Dreamweaver编辑CSS规则,希望对大家有帮助. 本教程为大家介绍一下Dreamweaver编辑CSS规则,希望对大家有帮助. 一.在"CSS样式&qu ...
dw中css鼠标经过的时候,Dreamweaver鼠标经过出现效果怎么操作
用CSS制作鼠标经过图像 XHTML代码: ul id=nav li id=nav1a href=/ mce_href=/nav1/a/li li id=nav2a href=/ mce_href=/ ...
dw中css怎么设置段落格式,Dreamweaver文本段落缩进的五种方法
一.用自Dreaweave身所带的功能 1.在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格. 2.用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐.不易修改,而且在 ...
用dw中html设置背景,Dreamweaver 教程-CSS背景属性(background)
但凡正规的网站在设计时都会注重网页背景的使用,一个好的网页背景与整体设计是息息相关的.下面我们就来讲讲一些常用的CSS背景属性. 1.背景颜色属性(background-color)body { ba ...
dw中css目标规则命名,css 常用样式命名规则
大家在写css的时候,对一些html标签起一个合适的名字是个很头疼的事情,现在给大家分享项目中常用的名字供参考. 外套:wrap --用于最外层头部:header --用于头部主要内容:mai ...
dw中css目标规则命名,CSS名规则.doc
CSS名规则 CSS-命名总结热度 2已有 26 次阅读 2010-8-13 23:42 |个人分类:资料库|关键词:CSS 命名 HYPERLINK "" CSS书写命名总结 ...
DW中CSS属性详解
作者:未知来源:5D多媒体在Dreamweaver的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver把这些属性分为Type(类型).Background(背 ...
dw中css面板在哪,请问下美工设计师：1、怎么在DWCS5设计面板里面找到CSS代码? 爱问知识人...
最简单的方法就是在dw的视图里面进行制作,需要什么在属性面板直接设置.简单又直观 css 代码看你是在页面中直接写的还是链接的直接写就没什么说的,页面源代码看见了css 代码也就看见了要是链接的话, ...

dw中css制作导航,Dreamweaver导航条按钮制作方法

dw中css制作导航,Dreamweaver导航条按钮制作方法相关推荐

最新文章

热门文章