HTML blockquote tag usage and beautification

Blockquote Definition and Usage

The <blockquote> tag defines a blockquote.
All text between <blockquote> and </blockquote> is separated from the regular text, often indented on the left and right (increased margins), and sometimes italicized. That is, blockquotes have their own space.

There are no differences between HTML and XHTML.

Tips and Notes:

Tip: Use the q element to mark short quotations.

Note: To validate the page as strict XHTML, the <blockquote> element must contain a block-level element, like this:

Copy code

The code is as follows:

<blockquote>
<p>here is a long quotation here is a long quotation</p>
</blockquote>

Tip: You can modify some of the code before running

Status in browser:

CSS blockquote beautification effect

I believe everyone is familiar with blockquote. It is called "text box" in Word, and in fact it can be called text box on the web page. If you add blockquote tags at both ends of a paragraph of text, the text will be displayed, and the text inside will contain the format of blockquote, so as long as you define the various properties of blockquote with CSS, you will find that this will be a good thing. Note that IE does not support some of the definitions in this CSS code, and Firefox or Chrome will display the best results.

Tip: You can modify some of the code before running

<<: A QQ chat room based on vue.js

>>: Detailed explanation of table return and index coverage examples in MySQL