首页技术文章正文

怎样给网页中包含的超链接设计样式?

更新时间:2022-04-15 来源:黑马程序员 浏览量:

在网页界面中,超链接主要用于内容链接,用户只需点击带有链接的文字或者图像,就可跳转到到对应的其他文件。在网页中的超链接设计可分为文字超链接设计和图像超链接设计,具体介绍如下。

1、文字超链接设计

关于文字超链接的设计,要确保文字的可识别性,如深色背景选用浅色文字,浅色背景选用深色文字。需要突出强调的超链接文字可选用其他颜色,如图2-41所示。

文字超链接设计

图2-41文字超链接设计

2、图像超链接设计

图像超链接的设计则需要设计鼠标滑过的状态。通常在设计时有几种常见的样式,比如在图像上方添加一层半透明的黑色、边框线颜色的变化以及添加淡淡投影,如图2-42所示。

图像超链接设计

分享到:
在线咨询 我要报名