CSS是網(wǎng)頁設計中非常重要的一部分,它可以用來控制網(wǎng)頁的外觀和布局。當我們在網(wǎng)頁中添加外部鏈接時,常常會用到打開新頁面的功能。下面我們就來學習如何使用CSS控制鏈接的打開方式。
CSS中的target屬性可以用來控制鏈接的打開方式,我們可以將它設置為_blank來在新的窗口中打開鏈接:
a[target="_blank"]{ /* 設置鏈接在新窗口中打開 */ target-new: window; }
我們也可以將鏈接打開在原窗口中,只需要將target屬性設置為_self即可:
a[target="_self"]{ /* 設置鏈接在原窗口中打開 */ target-new: none; }
若要同時設置所有鏈接的打開方式,可以在body標簽中添加以下代碼:
/* 設置所有鏈接在新窗口中打開 */ body[target="_blank"] a{ target-new: window; } /* 設置所有鏈接在原窗口中打開 */ body[target="_self"] a{ target-new: none; }
最后需要注意的是,在使用CSS控制鏈接打開方式時,也需要在HTML代碼中設置相應的target屬性。
上一篇css 去掉左邊框
下一篇css 去到left