css 用户评价模板,用CSS3制作漂亮的设计达人留言评论样式

WP酷的留言样式在前几天进行了些许美化，由设计达人设计留言样式，当初设计这个留言样式就是为了让更多用户去留言。是不是已经看厌了自带的多说评论框样式？我们来一起将更改它的 CSS 吧！

下面一起来看看这个漂亮的留言评论样式是怎么制作的吧：

CSS 代码

这里重点注意的就是 .ds-avatar 的背景要和页面背景一致，这样就能展示出凹进去的效果。body {background:#333;}

.ds-post-main {position:relative; width:500px;}

.ds-avatar {position:absolute; top:20px; width:31px; height:31px; padding:5px; background:#333;border-radius:50%;}

.ds-avatar a {display:block; width:31px; height:31px; background:#01cc01; border-radius:50%;}

.ds-comment-body {margin-left:20px;padding:10px 10px 10px 30px ;height:80px;background:#016