html怎麼隱藏a標籤

王林
發布: 2023-01-06 11:17:36
原創
4715 人瀏覽過

html隱藏a標籤的方法是,為a標籤新增visibility屬性,並且設定屬性值為hidden即可。 visibility屬性是專門用來規定元素是否可見的,hidden表示元素不可見。

html怎麼隱藏a標籤

本文操作環境:windows10系統、html 5、thinkpad t480電腦。

其實在html中要隱藏a標籤並不是很難,因為在css中有一個非常好用的屬性visibility,利用這個屬性可以輕易的實現我們的目的。下面我們先來簡單看下這個屬性。

visibility 屬性規定元素是否可見。

共同屬性值:

  • visible    預設值。元素是可見的。   

  • hidden    元素是看不見的。   

  • collapse    當在表格元素中使用時,此值可刪除一行或一列,但是它不會影響表格的佈局。被行或列佔據的空間會留給其他內容使用。如果此值被用在其他的元素上,則會呈現為 "hidden"。   

  • inherit    規定應該從父元素繼承 visibility 屬性的值。

例如我們要隱藏a標籤,可以這樣寫程式碼:

<div><a href="#"><span style="visibility:hidden">我的</span></a></div>
登入後複製

詳細範例:

<html>
<head>
<style type="text/css">
h1.visible {visibility:visible}
h1.invisible {visibility:hidden}
</style>
</head>

<body>
<h1 class="visible">这是可见的标题</h1>
<h1 class="invisible">这是不可见的标题</h1>
</body>

</html>
登入後複製

運行結果如圖:

html怎麼隱藏a標籤

相關推薦:html影片教學

以上是html怎麼隱藏a標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板