網生@誌 | zEUS.'Blog

首页 » 网页美化 » 2007-10-13 »

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

Tag: ,
字体大小:T | T

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

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

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

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

值得注意的是,该段代码不能加入到 CSS 代码最后的位置,而应该加在
/*— header area — */
之前,例如紧接 h2、h3 这些标签的属性之后。

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

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

zEUS.

« »

已经有3人发表了评论

  1. 不错,我也在用呵。。。

  2. 呵呵,我就是用你share的~

发表您的看法

TOP COMMENTS BOTTOM