HTML blockquote 标签使用与美化_HTML/Xhtml_网页制作

blockquote定义和用法

标签定义块引用。 与

元素必须包含块级元素，比如这样：

复制代码

代码如下:

here is a long quotation here is a long quotation

blockquoteBLbC "-//W3C//DTD HTML 4.01 Transbtbonal//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-eqblockquotebv="Content-Type" content="text/html; charset=gb2312"> <title>字体文本标签讲解<blockquote></blockquote>标签</title> <p>字体文本标签讲解</p> <blockquote></blockquote>标签 <p>字体标签定义字体的显示效果，有些标签它有独自的语义。 </p> <p><strong><blockquote>标签</blockquote></strong></p> <p>感谢您对百度经验的支持</p> <p>定义在文章中引用别人说过的一段话。</p> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> <p>在浏览器中会呈现自己的站位空间，并且会两边向中间靠拢。</p> <blockquote>在这里写上一段大家知晓的话在这里写上一段大家知晓的话在这里写上一段大家知晓的话在这里写上一段大家知晓的话</blockquote>
提示：您可以先修改部分代码再运行

浏览器中状态:

CSS blockquote美化效果

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

<title>CSS blockquote标签的定义</title> <style> blockquote { background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; } blockquote:before { color:#ccc; content:open-quote; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em; } blockquote p { display:inline; } </style> <blockquote>本站提供网站源码、网页素材、书籍教程、网页特效代码等，06-3038.8K一个支持多种排列方式的VC++ ListView示例源码界面编程06-3017.7KC#自定义横向或纵向打印纸张报表打印06-3034.4K如何在窗体中显示条形码(C#代码)图形图像06-3042.3K一些VC.NET字符串操作演示实例字符处理06-304.57KVB使用ListView控件增强文件浏览器功能数据库应用06-302.61KVB实现自动滚屏功能界面编程06-301.89KVb计算文本框行数的源</blockquote>
提示：您可以先修改部分代码再运行