WordPress DUX主题顶部添加彩色美化条

游手好闲的小编经常有事没事就去逛逛别人的博客，学到了不少但是也扒来了不少好东西。这不前几天看到好几个大站顶部都挂上了彩色灯笼，小编眼馋就又去扒源码了，然后又发现代码并不适用于目前所使用的dux主题，折腾捯饬了半天终于顺利的加了上去，但是没过几天因为太过“花哨”又给去了。这里就写个教程分享出来就当做个笔记了，喜欢的小伙伴们也可以拿去装饰自己的站点。

添加教程

一般主题仅需添加下面的CSS代码即可

/* 顶部边栏加横条美化*/ 
background:url('https://p1.toutiaoimg.com/origin/ffb70001ecae193a7764') repeat-x scroll 0 100%;

dux主题一直比较特立独行，另外网上的一些教程也不太适用于dux主题有时候非常令人蛋疼~~~

挑选好合适的CSS代码后后添加至主题目录下的style.css文件中，如果是dux主题用户则需要添加至main.css文件中，千万别搞错了！！！

dux主题CSS代码：

/* 顶部边栏加横条美化*/
.header {
	background: #fff url('https://p1.toutiaoimg.com/origin/1375b0001973b315ccfaf') repeat-x 0 100%;
}

这是一个AD广告，想出现在这里吗？点击我！

这是一个AD广告，想出现在这里吗？点击我！

这是一个AD广告，想出现在这里吗？点击我！

这是一个AD广告，想出现在这里吗？点击我！

这是一个AD广告，想出现在这里吗？点击我！

这是一个AD广告，想出现在这里吗？点击我！