HTML blockquote 标签使用与美化

前端  /  管理员 发布于 2020-03-08 13:33:15   38

blockquote定义和用法

<blockquote> 标签定义块引用。
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

HTML 与 XHTML 之间的差异
没有。

提示和注释：

提示：请使用 q 元素来标记短的引用。

注释：如需把页面作为 strict XHTML 进行验证，那么 <blockquote> 元素必须包含块级元素，比如这样：


复制代码代码如下:
<blockquote>
<p>here is a long quotation here is a long quotation</p>
</blockquote>





提示：您可以先修改部分代码再运行

浏览器中状态:

CSS blockquote美化效果


blockquote相信大家都不陌生吧，在Word叫“文本框”，其实在网页了可叫它文本框吧，如果在一段文本的两头加上blockquote标签的话，那么文本将会接出来显示，而且其内的文本将含有blockquote的格式，所以只要用CSS定义好了blockquote的各个属性，你会发现这会是个好东西。注意，IE不支持本CSS代码中的部分定义，火狐或Chrome将显示最佳效果。




提示：您可以先修改部分代码再运行


  • 上一条：
    如何恢复windows7删除的文件 恢复删除文件小技巧是什么
    下一条：
    html body标签详解与html常用的控制标记

    • 昵称：

    邮箱：

    0条评论
    Top

    Auther ·HouTiZong© 2009-2021 zongscan.com 版权所有ICP证: 粤ICP备20027696号 PHP交流群 也可以扫右边的二维码

    侯体宗的博客