在網頁開發中,我們經常會需要在頁面中添加鏈接。一般情況下,我們默認鏈接會在新窗口中打開。但是,有時候我們并不希望鏈接在新窗口中打開,而是在當前頁面中打開。
那么如何實現鏈接不新開網頁呢?
/* CSS代碼 */ a { text-decoration: none; /* 取消下劃線 */ color: #333; /* 修改鏈接顏色 */ } a[href^="http"] { /* 對外部鏈接添加提示 */ background: url('external-link.png') no-repeat center right; padding-right: 13px; } a[href^="http"]:hover { text-decoration: underline; /* 鼠標懸停時添加下劃線 */ } a[target="_blank"] { /* 取消新窗口打開鏈接 */ target-name: none; }
上面的CSS代碼中,針對鏈接進行了基本樣式的設置。當鏈接為外部鏈接時,通過添加背景圖標和右內邊距的方式,給用戶一定的提示。當鼠標懸停在鏈接上時,為其添加下劃線,給用戶更直接的反饋。
最后,通過設置目標為“_blank”的鏈接,讓其不再在新窗口中打開。這樣,用戶便可以在當前頁面中打開鏈接,方便自如。
上一篇mysql從庫不同步了
下一篇mongo vue 查詢