新鲜人blog

漂亮的pullquote

当你写东西，并有意吸引读者，把pullquote作为一个片断预览内容越来越受欢迎博客/网站。既pullquote ＆blockquote广泛利用报纸，杂志， nytimes.com ，是一个实际的基于网络媒体以看看他们。

本文将说明如何获得pullquote与css的。技术上， pullquote不同于blockquote ，这并不是一个html元素，这意味着我们应该标记，它在html的标题与内容等<h4>或\和我们使用css的定义，它在某种程度上，你想要的。

这里是标示：

               <h4 class="pullquote">I'm a pullquote, a snippet of content.</h4>

以下是css文件：                

        .pullquote {
        padding: 10px;
        float: right;
        width: 200px;
        margin:10px 0 10px 10px;
        border-top:2px solid #ffc300;
        border-bottom:2px solid #ffc300;
        text-align: center;
        line-height: 22px;
        font-family: georgia, verdana, Arial, Helvetica, sans-serif;
        color:#ccc;}