hiroeleganceのエレガンスとは呼べない日常

WEB屋hiroelegance(ヒロエレガンス)のブログhiroeleganceのエレガンスとは呼べない日常略して「エレ日」です。YouTubeで毎週火曜0時にラジオを配信しています。ラジオの神様である伊集院光さんの深夜の馬鹿力に憧れて自己満ラジオやってます。

タグクラウドのCSSを変更(livedoorBlog)

      2015/12/04

tagcroud

タグクラウドを角丸(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;
}

  広告

 - CSS