BootStrap4.5中的<blockquote>
标签
<blockquote class="blockquote">
<p class="mb-0">“龙应该藏在云里,你应该藏在心里。”</p>
<footer class="blockquote-footer">沈从文<cite>《月下小景》</cite></footer>
</blockquote>
blockquote
标签里面可以有多个p
标签,blockquote
标签的.blockquote
类一定要加上,p
上的.mb-0
类可忽略。
footer
标签上的则是.blockquote-footer
类。
cite
标签是表示斜体内容
通过.text-center .text-right
类来控制它的对齐方式
.text-black-50
这个类设置字体颜色为浅黑色
<blockquote class="blockquote text-center">
<p class="mb-0">“我想和你一起游戏人间”</p>
<p class="mb-0 text-black-50">我希望你向往生命的盎然,不会受伤,会热爱生活,我想和你一起游戏人间,爱得坦荡,呼吸都想念我。</p>
<footer class="blockquote-footer">贾平凹<cite>《游戏人间》</cite></footer>
</blockquote>
<blockquote class="blockquote">
<pre>
<p class="mb-0 text-black-50">
上邪,
我欲与君相知,
长命无绝衰。
山无陵,
江水为竭。
冬雷震震,
夏雨雪。
天地合,
乃敢与君绝。</p>
</pre>
<footer class="blockquote-footer text-right">佚名<cite>《上邪》</cite></footer>
</blockquote>
运行结果图
第一次写,无从下手,见谅。。。