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

2025-03-26 06:31:06

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网页制作初级教程:超链接
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢