首先要说明下“blockquote”是什么:html里面blockquote是“块引用”,w3c的解释如下:
<blockquote> 标签定义摘自另一个源的块引用。
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进,而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。
上面就是一个blockquote内容,一般文章内容里面有引用其他网站内容的时候会用到这个,zblog使用起来这个标签也很简单,编辑文章的时候,选择好文本,点击下图所示的按钮即可:
没有定义的blockquote出来的显示效果就是左右各缩进一些距离,显然这并不好看,所以本文就是来给大家展示下如何设置文章内容内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文件的任意位置即可。
相关推荐
- translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 用腾讯企业邮做为邮件服务器来发送通知邮件的操作步骤09-18
- zblog搜索为什么不太准?zblog搜索的调用逻辑04-30
- 宝塔面板安装php失败:提示No package 'libjpeg' found的解决办法04-03
- zblog首页/分类/内容页标题副标题等seo标签详解03-17
- qlv视频怎么转码?腾讯视频如何直接下载mp4视频?03-10
- phpmyadmin导出数据库时报错:Fatal error:Cannot 'break' 2 levels in02-13
- 宝塔面板和云锁冲突导致Nginx或者Apache无法安装 01-15
- swf文件做背景时自适应宽高的解决办法10-10
- zblog会员可以上传图片的权限设置详细步骤10-06
取消回复欢迎 你 发表评论:
- 最新文章
- 热文排行
- 最多评论
- 1主题的暗黑模式是什么?怎么设置和使用暗黑模式?01-19
- 2zblog判断插件是否安装或者启用的代码介绍01-16
- 3translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 4zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- 5zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
- 6wordpress导航栏自定义添加class和rel="nofollow"的步骤12-13
- 7swiper做导航栏时自动跳转至对应分类的代码12-07
- 8zblogphp自带js框架评论接口大全12-04
- 9wordpress提示"Error establishing a database connection"的解决办法11-10
- 标签聚合
- ×120元套餐卡×1神州行孝心卡×1上网套餐校园版×1iPad×1备案注销×1主题报错×1漂浮广告×1武汉天气×1免费体验×1zblog如何添加广告位×1emlog6安装×1zblogcsm模板×13G国际长途优惠包×1移动利润×1当前页×1缩略图调用×1论坛改版×1Phoenix Legend×1纯css×1云峰W5
最新评论
-
吸料机
已经解决 -
xinling2020.com
我今天在路上还在想我的个人博客要是写到1W文章数量会不会崩,看到这几十万我就放心了。这辈子也不可能有这样的数据~!哈哈 -
访客
不知道百度**收录怎么样 -
天兴工作室
这玩意你看下php手册啊https://www.php.net/manual/zh/function.date.php,m就是星期几 -
风羽
PHP版没有直接的星期几哦,找了好久没有,只能用JS转换~
有 1 位网友评论:
香港vps 5年前 (2015-12-14) 回复
blockquote在html里面是“块引用”的意思,不过从来都没有用过blockquote这个标签