讓超鏈接文字隱藏掉css代碼的方法-創(chuàng)新互聯(lián)

這篇文章主要介紹了讓超鏈接文字隱藏掉css代碼的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司專注于相城企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),商城網(wǎng)站建設(shè)。相城網(wǎng)站建設(shè)公司,為相城等地區(qū)提供建站服務(wù)。全流程定制制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

讓超鏈接內(nèi)文字隱藏掉css技巧布局方法

有時(shí)div css網(wǎng)頁布局時(shí)，使用超鏈接a標(biāo)簽，但需要將文字隱藏，但超鏈接又不失效的需求。比如圖片或圖標(biāo)的超鏈接，把圖片或圖標(biāo)作為背景圖片，上面使用超鏈接a加文字，但又不想讓文字顯示，超鏈接存在的又可以點(diǎn)擊，圖片也可以看見這個(gè)時(shí)候就是隱藏超鏈接文字。

使用CSS屬性單詞：text-indent

text-indent介紹：

文本內(nèi)容縮進(jìn)屬性，常見用于文段開頭文字縮進(jìn)兩個(gè)文字，比如文章段落每段縮進(jìn)兩個(gè)漢字設(shè)置text-indent即可。

要隱藏也是有text-indent來實(shí)現(xiàn)，比如設(shè)置text-indent:-999px或text-indent:-9999px讓對(duì)象內(nèi)文字往前縮進(jìn)9999px達(dá)到隱藏作用。

超鏈接存在文字隱藏css布局案例如下：

1、案例代碼

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>超鏈接存在文字隱藏 在線演示</title>
<style>
.logo{ margin:0 auto;width:175px; height:51px;
background:url(phplogo.gif) no-repeat 0 0}
.logo a{ display:block; width:100%; height:100%; text-indent:-9999px}
</style>
</head>
<body>
<div class="logo"><a href="http://www.php.cn/">創(chuàng)新互聯(lián)</a></div>
</body>
</html>

讓超鏈接文字隱藏掉css代碼的方法

首先”.logo”選擇器內(nèi)設(shè)置css寬度、css高度、logo圖片作為背景；
再對(duì)class=logo對(duì)象內(nèi)超鏈接a設(shè)置形成塊（讓超鏈接a寬高生效）、設(shè)置寬度和高度，同時(shí)設(shè)置 text-indent:-9999px隱藏超鏈接內(nèi)的文字。當(dāng)然這樣文字隱藏了，但超鏈接和背景圖片保留了。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享讓超鏈接文字隱藏掉css代碼的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享名稱：讓超鏈接文字隱藏掉css代碼的方法-創(chuàng)新互聯(lián)
URL分享：http://www.2m8n56k.cn/article18/jejdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、靜態(tài)網(wǎng)站、品牌網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、App開發(fā)、網(wǎng)站排名

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

讓超鏈接文字隱藏掉css代碼的方法-創(chuàng)新互聯(lián)