手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 04:39:55

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网页制作初级教程:超链接
© 手抄报圈