博客彩虹友链源码

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

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

话不多话，看教程

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

代码语言：javascript复制

/*彩虹友链*/
.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依次修改

参考一下下图中的形式

第一级class是frend-link

第二级是dd

第三级是a标签（也就是文字了）

以上只是参照杨小杰博客的div形式来弄的，其他的请自行修改

css class 博客

0 人点赞