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网页制作初级教程:超链接
  • 如何使用dreamweave cc给图片加热点链接?
  • Dreamweaver如何插入图片??
  • Dreamweaver怎么输入文本并设置文本样式?
  • Dreamweaver学习:[6]设置文本样式
  • Dreamweaver中如何插入Div
  • 热门搜索
    手抄报小图案 手抄报三年级 关于百分数的手抄报 日行一善手抄报内容 防火手抄报内容 屋顶上的小孩手抄报 儿童手抄报春节 诗情画意手抄报 交通安全手抄报题目 安全手抄报的资料