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