首頁技術文章正文

怎樣給網(wǎng)頁中包含的超鏈接設計樣式?

更新時間:2022-04-15 來源:黑馬程序員 瀏覽量:

在網(wǎng)頁界面中,超鏈接主要用于內容鏈接,用戶只需點擊帶有鏈接的文字或者圖像,就可跳轉到到對應的其他文件。在網(wǎng)頁中的超鏈接設計可分為文字超鏈接設計和圖像超鏈接設計,具體介紹如下。

1、文字超鏈接設計

關于文字超鏈接的設計,要確保文字的可識別性,如深色背景選用淺色文字,淺色背景選用深色文字。需要突出強調的超鏈接文字可選用其他顏色,如圖2-41所示。

文字超鏈接設計

圖2-41文字超鏈接設計

2、圖像超鏈接設計

圖像超鏈接的設計則需要設計鼠標滑過的狀態(tài)。通常在設計時有幾種常見的樣式,比如在圖像上方添加一層半透明的黑色、邊框線顏色的變化以及添加淡淡投影,如圖2-42所示。

圖像超鏈接設計

分享到:
在線咨詢 我要報名
和我們在線交談!