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

  • 如何使用dreamweave cc给图片加热点链接?
  • Dreamweaver如何插入图片??
  • Dreamweaver怎么输入文本并设置文本样式?
  • Dreamweaver学习:[6]设置文本样式
  • Dreamweaver中如何插入Div
  • 热门搜索
    小米手机怎么截图 坐便堵了怎么疏通 胃寒怎么调理 王者荣耀怎么改实名认证 刘备怎么死的 消逝的光芒怎么联机 word目录怎么自动生成 发质硬怎么变软 濑尿虾怎么剥 阴虱是怎么得的