網生@誌 | zEUS.’Blog

Not Only Wordpress Template, But Also My Life…
首页 » 网页美化 » 另一个 CSS 效果:增加 blockquote 属性

另一个 CSS 效果:增加 blockquote 属性

字体大小:T | T
webpages category

本站所使用的 Wordpress 主题 i3Theme 1.2 (Right Edition) 并没有 blockquote 属性,之后是在 Yorick 的帮助下才加上去的。
何为 blockquote 属性呢——其实就是用于修饰文章内引用文字的效果,如下就是:

这是一个在 里设置的 blockquote 属性,以显示左侧边框

下面就是加入到 文件里的代码:

/*  增加blockquote属性以显示左侧边框 */
blockquote {
    
border-left: thick solid #808080;
    
padding-left: 10px;
}

值得注意的是,该段代码不能加入到 代码最后的位置,而应该加在

/*--- header area --- */

之前,例如紧接 h2、h3 这些标签的属性之后。

懂点英语的朋友应该可以直接看出上面代码的含义,除此之外我们还可以给 blockquote 设置其它属性,比如用 background: url(…) 来设置背景图片等,这里不一一介绍了,大家可以自行“体验”。

最后,给大家分享一个比较好的 资料:样式表中文手册(点击下载),所有 的属性、效果都可以在其中检索到。
祝愿大家早日玩转样式表 Have Fun :-)

zEUS.

  • 原文链接:
  • 转载原创文章请注明:

本文评论 3 comments

  1. Maxxuss 说:

    不错,我也在用呵。。。

  2. fiorano 说:

    呵呵,我就是用你share的~

Leave a comment