首先要说明下“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文件的任意位置即可。
相关推荐
- 支付宝支付后异步通知页面提示”支付签名校验失败,请联系管理员!“的原因和解决方法05-08
- zblog登录后台一直提示验证码错误的原因和解决方法03-01
- zblog使用api提交post数据提示419错误的原因和解决方法02-23
- vue3项目引入vant报错的错误原因和解决办法03-12
- zblog怎么截取指定字数的摘要?zblog摘要自定义截取方法介绍02-29
- 微信支付JSPAI调起支付后提示“该订单已过期,请重新下单”的解决办法06-11
- 宝塔一键迁移提示“连接服务器失败”的原因和解决办法05-16
- 微信小程序报错:operateWXDataForAd:fail的原因和解决办法05-14
- php保存添加bom头的txt文件和读取时去除txt的bom头05-02
- 小程序使用mp-html组件后输出空白的原因和解决办法04-08
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1支付宝支付后异步通知页面提示”支付签名校验失败,请联系管理员!“的原因和解决方法05-08
- 2阿里云oss配置项获取步骤截图,包含ID和Secret、区域节点Endpoint、存储空间Bucket和资源访问域名04-14
- 3zblog登录后台一直提示验证码错误的原因和解决方法03-01
- 4zblog使用api提交post数据提示419错误的原因和解决方法02-23
- 5天兴工作室2025年春节放假公告01-25
- 6天兴用户中心插件“微信通知”功能设置教程11-09
- 7阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 8天兴工作室官网购物活动:全场8折优惠券 不限次数不限金额04-17
- 9天兴工作室zblog纯博客主题 vue3+小程序双版本03-19
- 标签聚合
- ×1wordpress调用文章×1object-fit×1UEditor编辑器×1zblog授权×1zblog视频主题×1鼠标效果×1zblog购买应用×1买主题送插件×1风格×1图片加alt×1zblog新闻模板×1zblogasp1.8×1自用主题2015版×1装修网站×1zblog浏览量×1原油交易模板×1zblog内容模板×1zblog框架×1卢松松新版×1娱乐模板
最新评论
-
天兴工作室
并没有任何限制 -
访客
请问 zblog淘客主题 对使用者的要求是必须是企业吧? -
阿浩
大佬们,丢几个除了作者以外的演示站,我想看看大家的布局设置 -
有趣生活
一直想开发zblog的功能,zblog的敷在不知道够够不够 -
访客
发布文章时候,那怎么改默认状态呢比如改成默认审核状态?
有 1 位网友评论:
香港vps 10年前 (2015-12-14) 回复
blockquote在html里面是“块引用”的意思,不过从来都没有用过blockquote这个标签