在你的博客文章前加上图案(博客特效)

1.登陆到个人门户，点击模板选择，在右边选择自定义CSS。

2.在自定义CSS中找到如下的代码：

.Slist {   height: 22px;  border-bottom-width: 1px;  border-bottom-style: dashed; } .Slist_1 {  float: left; } .Slist_2 {  float: right; }

然后在.Slist中添加如下红色代码代码：

.Slist { background-image: url(http://photo6.hexun.com/getphoto.aspx?p=UWI%2b%2bX64a1miOdkN3GQa1NQwg72K0R6RYEe%2fVw31%2buu5xV6pWnSx3zuRtLWSN3xRE69PtxxQXx6Ic7VQPrPJYYlHMw28vC5N);  border:0;  background-repeat: no-repeat;  background-position: 0px 7px;  padding-left: 5px; height: 22px;  border-bottom-width: 1px;  border-bottom-style: dashed; } .Slist_1 {  float: left; } .Slist_2 {  float: right; }

3.保存退出，回到首页按CTRL+F5刷新查看效果。

说明：1.background-image: url(http://photo6.hexun.com/getphoto.aspx?p=UWI%2b%2bX64a1miOdkN3GQa1NQwg72K0R6RYEe%2fVw31%2buu5xV6pWnSx3zuRtLWSN3xRE69PtxxQXx6Ic7VQPrPJYYlHMw28vC5N);是文章前面图案的地址。

2.请先将图片传到相册在使用。关于图片的URL地址请参考文章：
http://ahao2009.blog.hexun.com/8294315_d.html

3.因为原来文章前有一个默认的小元点，所以建议选择图片的时候不要太小。