タグクラウドのCSSを変更(livedoorBlog)
2015/12/04
タグクラウドを角丸(border-radius)にして、背景色を変更しました。
よろしければ、コピペしてご利用ください。
/* ----------------------------------------------- */
/** タグクラウド*/
ul.tagcloud li.tag-weight-1 a:hover,
ul.tagcloud li.tag-weight-2 a:hover,
ul.tagcloud li.tag-weight-3 a:hover,
ul.tagcloud li.tag-weight-4 a:hover,
ul.tagcloud li.tag-weight-5 a:hover,
ul.tagcloud li.tag-weight-6 a:hover{
color: #fff;}ul.tagcloud li.tag-weight-1 a{
background-color: #ff6666;
color: #fff;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:3px;
}
ul.tagcloud li.tag-weight-2 a{
background-color: #3cb321;
color: #fff;
font-weight:bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:3px;
}
ul.tagcloud li.tag-weight-3 a{
font-weight:bold;
background-color: #FF9933;
color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:3px;
}
ul.tagcloud li.tag-weight-4 a{
background-color: #3399ff;
color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:3px;
}
ul.tagcloud li.tag-weight-5 a{
background-color: #66CCCC;
color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:3px;
}
ul.tagcloud li.tag-weight-6 a{
background-color: #999999;
color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:3px;
}