博客彩虹友链源码

Youngxj

发布于 2018-06-06 14:23:49

7460

发布于 2018-06-06 14:23:49

文章被收录于专栏：YoungxjYoungxj

小杰博客的彩虹友链一开始是因为看上红旗娱乐网的彩色的友情链接而心动，后来请教大佬帮我做的

一年多了，这个彩虹友链还是被我看厌了，今天打算把他删了，所以把源码发出来，也许有的朋友会喜欢。

话不多话，看教程

复制一下代码到模版公用css样式文件中

/*彩虹友链*/
.frend-link dd a:nth-child(7n+1) {
  color: #FF0000
}
.frend-link dd a:nth-child(7n+2) {
  color: #FF7F00
}
.frend-link dd a:nth-child(7n+3) {
  color: #ADAD30
}
.frend-link dd a:nth-child(7n+4) {
  color: #00FF00
}
.frend-link dd a:nth-child(7n+5){
  color: #00FFFF
}
.frend-link dd a:nth-child(7n+6) {
  color: #0000FF
}
.frend-link dd a:nth-child(7n+7) {
  color: #8B00FF
}

详细讲解一下，其中 .frend-link dd a 是我博客友情链接的div依次定义的class，如果你要使用请按照你网页上的div class依次修改

参考一下下图中的形式