文章块引用模版

所有主流浏览器都支持 blockquote 标签。在 HTML 4.01 中，blockquote 标签定义一段长引用。 在 HTML5 中，

标签定义摘自另一个源的块引用。

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></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>
    </head>
    <body>
        <blockquote>
            <p>所有主流浏览器都支持 blockquote 标签。在 HTML 4.01 中，blockquote 标签定义一段长引用。

            在 HTML5 中，<blockquote> 标签定义摘自另一个源的块引用。</p>
        </blockquote>
    </body>
</html>

 

 

 

 

 

posted on 2019-12-06 14:33  效率的九尾  阅读(365)  评论(0)    收藏  举报