HTML <blockquote> 标签是什么意思,有什么作用?

作者:前端大神~ | 时间:2019-01-06

HTML <blockquote> 标签有什么作用呢?怎么去设置颜色,设置字体,下面我们通过实例详细给大家讲解下。

标签定义及作用

<blockquote> 标签可以对文本进行引用,一般引用的是长文本。

被<blockquote> 标签引用的内容会自动有缩进。 

所有主流浏览器都支持 <blockquote> 标签。

实例代码

html代码

<blockquote>
html里使用select控件,非常容易就能实现下拉菜单的效果。但是由于select控件只能更改长度,
不能更改高度和颜色等样式,因此在网页设计中有时候显得与整体布局搭配不太美观。
正因为这个原因,div+css实现的下拉菜单便大量被网页设计师使用。通过div+css,
可以随心所欲的实现自己想要的样式效果,使得下拉菜单与网页整体布局搭配的更美观和谐。
</blockquote>

css代码

blockquote {
 background-color: #eae6f3;
 border-left: 1em solid #5236a0;
 margin: 1.0em 0 1.0em;
 padding: 1em 1em 1em 1em;
 position: relative;
 color: #888;
}
blockquote:before {
  color: #392570;
  content: "\201C";
  font-size: 5em;
  line-height: 0em;
  margin-right: 0em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #392570;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:3px;
  bottom: 0em;
  line-height: 0.1em;
}

显示效果:

HTML<blockquote>标签是什么意思,有什么作用?

浏览器支持

目前市面上所有主流浏览器都支持 <blockquote> 标签。

HTML<blockquote>标签是什么意思,有什么作用?

通过上面讲解和实例,大家现在明白HTML <blockquote> 标签是什么意思,有什么作用,怎么去设置样式了吗?