新聞中心
zblog設置blockquote標簽的展現(xiàn)方式
作者 / 無憂主機 時間 2015-12-31 15:16:01
在開始講述本篇正文之前，必須要介紹一下一個知識點，就是關于blockquote這個標簽的定義和作用。blockquote是html網(wǎng)站源代碼中的一個標簽，標簽的定義是：摘自另一個源的塊引用。blockquote標簽是單獨擁有自己的空間的，因為這個標簽里的內(nèi)容會從常規(guī)文本中抽離出來。通常來說在網(wǎng)站引用的內(nèi)容中有其他網(wǎng)站的信息時就需要用到blockquote標簽。使用的方法是在zblog程序后臺編輯文本的時候，選擇需要使用這個標簽的文本內(nèi)容，然后點擊菜單上的【“】符號就可以產(chǎn)生效果了。 但是blockquote標簽默認的展現(xiàn)效果就是文本兩端有一些距離的縮進，沒有其他的顯示效果了，這個效果太單調(diào)了沒有亮點，很多的站長朋友都不喜歡。所以今天無憂主機小編就來給無憂主機php空間的客戶朋友推薦兩種blockquote標簽的展現(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;
}
在使用的時候，選擇上面其中一種展現(xiàn)方式的css代碼，復制粘貼到網(wǎng)站內(nèi)部的css樣式表中，保存刷新數(shù)據(jù)就可以了。這兩種blockquote標簽展現(xiàn)的方式都自己獨特的優(yōu)點和缺點，至于站長朋友們覺得哪一種展現(xiàn)方法更適合自己，不妨親自動手試驗一番吧。
無憂主機相關文章推薦閱讀：
ZBLOG添加廣告位的方法
ZBLOG右側(cè)跟隨滾動模塊設置方法
ZBLOG導航欄分類添加和修改的方法
本文地址：http://www.gle-technology.com/zblog/21275.html
