新聞中心
這篇文章將為大家詳細講解有關(guān)css中背景應(yīng)用的示例分析,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站制作、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的百色網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
1、替換插入圖,解決SEO問題。可以將HTML結(jié)構(gòu)中,插入圖換成搜索關(guān)鍵字。
使用css添加背景圖給標(biāo)簽或標(biāo)簽。
淘寶網(wǎng)|購物|六一
然后將文字進行隱藏設(shè)置:
將字號設(shè)置為 0。IE8 及以上或高版本瀏覽器可以隱藏文字,但是 IE7 及以下有兼容問題。
可以設(shè)置給 標(biāo)簽一個 text--indent 屬性,屬性值為負的很大的值,文字會走到盒子外部,直接再設(shè)置溢出隱藏屬性,將溢出文字隱藏。
2、padding區(qū)域背景圖,盒子中有背景圖和文字內(nèi)容,文字會讓開背景圖區(qū)域進行加載,背景區(qū)域使用padding擠出位置。
.news li { padding‐left: 25px; background: url(images/s2.png) no‐repeat left center; }
關(guān)于“css中背景應(yīng)用的示例分析”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
分享名稱:css中背景應(yīng)用的示例分析
當(dāng)前網(wǎng)址:http://www.ef60e0e.cn/article/jjgjcj.html