Dreamweaver网页制作初级教程:超链接

时间:2026-02-12 09:49:56

1、那么,导航页做完了,超级链接的定义应该用什么方法实现呢?今天来跟大家说一下。

Dreamweaver网页制作初级教程:超链接

2、超链接的代码我们之前已经说过了,今天说一种相对简单的方法。可以直接插入链接,就不用那么麻烦去输入代码了。

Dreamweaver网页制作初级教程:超链接

3、我们选中首页,然后看到下方命令行有个链接,这里就可以直接插入链接了,输入#(空连接),观察,输入后代码发生了改变。

Dreamweaver网页制作初级教程:超链接

4、当然,预览图中,也用蓝色字体表示出了链接。

Dreamweaver网页制作初级教程:超链接

5、但是,这样的超链接比较难看,第一,是蓝色的,我们做网页不可能让它都是蓝色,第二,点击后会变色,这也不好看,那么应该怎么定义呢?我们进入到css

Dreamweaver网页制作初级教程:超链接

6、回到css,我们用代码:

.menu a{color:#FFF}

进行导航页的链接定义。

Dreamweaver网页制作初级教程:超链接

7、之所以最前方用

.menu

是指定menu导航页的链接格式。

如果不用,menu,直接输入

.a{}

定义,那么整个网页全部会使用这种规则,这时需要注意的地方。

Dreamweaver网页制作初级教程:超链接

8、预览如下:

Dreamweaver网页制作初级教程:超链接

9、同样,如果要去掉下划线,直接使用:

text-decoration:none

即可

Dreamweaver网页制作初级教程:超链接

10、预览如下。

Dreamweaver网页制作初级教程:超链接

© 2026 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com