layout

将日志的附属信息以方框的样式放置于日志的右上角,很特别。要实现这样的效果主要运用了CSS中的浮动属性(Float),需要注意的是,要将附属信息浮动到右边,让正文包围着它,必须在(X)HTML文档结构中,将附属信息的位置放置于正文的位置之前。

 comment_list

评论内容的下方伸出一个尖角,指向评论者,很生动形象。实际上,这个尖角效果是一张图片。如下图:

comment-from

将这张图片以背景图片的方式应用于评论内容的元素之上,和评论内容的背景色融合起来就能做出上图的效果。

分享到: