首先要说明下“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文件的任意位置即可。
相关推荐
- 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
- zblog获取全部分类列表函数GetCategoryList的参数和使用方法介绍说明03-30
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1阿里云oss配置项获取步骤截图,包含ID和Secret、区域节点Endpoint、存储空间Bucket和资源访问域名04-14
- 2zblog登录后台一直提示验证码错误的原因和解决方法03-01
- 3zblog使用api提交post数据提示419错误的原因和解决方法02-23
- 4天兴工作室2025年春节放假公告01-25
- 5天兴用户中心插件“微信通知”功能设置教程11-09
- 6阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 7天兴工作室官网购物活动:全场8折优惠券 不限次数不限金额04-17
- 8天兴工作室zblog纯博客主题 vue3+小程序双版本03-19
- 9vue3项目引入vant报错的错误原因和解决办法03-12
- 标签聚合
- ×1emlog6介绍×1c_option.php×1zblog资源主题×1zblog视频主题×1360浏览器×1当前分类×1zblogphp1.3下载×1css占位图×1天兴工作室小程序×1zblog新闻×1淘宝搜索代码×1zblogbug×1vue跨域×12015新版×1ZCenter×1剑侠三×1天兴科技×1zblog侧栏操作×1准备安装zblog×1Swiper鼠标拖拽
最新评论
-
天兴工作室
并没有任何限制 -
访客
请问 zblog淘客主题 对使用者的要求是必须是企业吧? -
阿浩
大佬们,丢几个除了作者以外的演示站,我想看看大家的布局设置 -
有趣生活
一直想开发zblog的功能,zblog的敷在不知道够够不够 -
访客
发布文章时候,那怎么改默认状态呢比如改成默认审核状态?
有 1 位网友评论:
香港vps 10年前 (2015-12-14) 回复
blockquote在html里面是“块引用”的意思,不过从来都没有用过blockquote这个标签