在開始講述本篇正文之前，必須要介紹一下一個(gè)知識(shí)點(diǎn)，就是關(guān)于blockquote這個(gè)標(biāo)簽的定義和作用。blockquote是html網(wǎng)站源代碼中的一個(gè)標(biāo)簽，標(biāo)簽的定義是：摘自另一個(gè)源的塊引用。blockquote標(biāo)簽是單獨(dú)擁有自己的空間的，因?yàn)檫@個(gè)標(biāo)簽里的內(nèi)容會(huì)從常規(guī)文本中抽離出來。通常來說在網(wǎng)站引用的內(nèi)容中有其他網(wǎng)站的信息時(shí)就需要用到blockquote標(biāo)簽。使用的方法是在zblog程序后臺(tái)編輯文本的時(shí)候，選擇需要使用這個(gè)標(biāo)簽的文本內(nèi)容，然后點(diǎn)擊菜單上的【“】符號(hào)就可以產(chǎn)生效果了。 但是blockquote標(biāo)簽?zāi)J(rèn)的展現(xiàn)效果就是文本兩端有一些距離的縮進(jìn)，沒有其他的顯示效果了，這個(gè)效果太單調(diào)了沒有亮點(diǎn)，很多的站長朋友都不喜歡。所以今天無憂主機(jī)小編就來給無憂主機(jī)php空間的客戶朋友推薦兩種blockquote標(biāo)簽的展現(xiàn)方式。第一種展現(xiàn)方式的代碼如下：

blockquote {border-left: 10px solid rgba(102, 128, 153, 0.075);background-color: rgba(102, 128, 153, 0.05);border-radius:0 5px 5px 0;padding: 15px 20px; margin-left:0;margin-right:0;color:#666;}

第二種展現(xiàn)的方式如下：

blockquote {
margin: 10px;
border: 1px dashed #D0D4C8;
background: #F4F5F6 url
("http://lusongsong.com/zb_users/theme/LuSongSong/style/images/blockquote.gif") no-repeat scroll 5px 3px;
padding: 8px 12px 8px 36px;
}

在使用的時(shí)候，選擇上面其中一種展現(xiàn)方式的css代碼，復(fù)制粘貼到網(wǎng)站內(nèi)部的css樣式表中，保存刷新數(shù)據(jù)就可以了。這兩種blockquote標(biāo)簽展現(xiàn)的方式都自己獨(dú)特的優(yōu)點(diǎn)和缺點(diǎn)，至于站長朋友們覺得哪一種展現(xiàn)方法更適合自己，不妨親自動(dòng)手試驗(yàn)一番吧。 無憂主機(jī)相關(guān)文章推薦閱讀： ZBLOG添加廣告位的方法 ZBLOG右側(cè)跟隨滾動(dòng)模塊設(shè)置方法 ZBLOG導(dǎo)航欄分類添加和修改的方法

本文地址：http://www.gle-technology.com/zblog/21275.html

上一篇: 如何給帝國cms添加地方三級(jí)選項(xiàng)
下一篇: Dedecms程序欄目內(nèi)容過多如何讓只顯示一行呢