新闻中心

zblog设置blockquote标签的展现方式

作者 / 时间 2015-12-31 15:16:01

在开始讲述本篇正文之前,必须要介绍一下一个知识点,就是关于blockquote这个标签的定义和作用。blockquote是html网站源代码中的一个标签,标签的定义是:摘自另一个源的块引用。blockquote标签是单独拥有自己的空间的,因为这个标签里的内容会从常规文本中抽离出来。通常来说在网站引用的内容中有其他网站的信息时就需要用到blockquote标签。使用的方法是在zblog程序后台编辑文本的时候,选择需要使用这个标签的文本内容,然后点击菜单上的【“】符号就可以产生效果了。 但是blockquote标签默认的展现效果就是文本两端有一些距离的缩进,没有其他的显示效果了,这个效果太单调了没有亮点,很多的站长朋友都不喜欢。所以今天无忧主机小编就来给无忧主机php空间的客户朋友推荐两种blockquote标签的展现方式。第一种展现方式的代码如下:

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;}
第二种展现的方式如下:
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;
}
在使用的时候,选择上面其中一种展现方式的css代码,复制粘贴到网站内部的css样式表中,保存刷新数据就可以了。这两种blockquote标签展现的方式都自己独特的优点和缺点,至于站长朋友们觉得哪一种展现方法更适合自己,不妨亲自动手试验一番吧。 无忧主机相关文章推荐阅读: ZBLOG添加广告位的方法 ZBLOG右侧跟随滚动模块设置方法 ZBLOG导航栏分类添加和修改的方法

本文地址:https://www.51php.com/zblog/21275.html

1
1
1
1
1
1
1