続きを読む... の色を変更します。
関連記事として 「続きを読む」を画像に変更 を書きました。画像のほうがいい方はそちらをどうぞ。
いつものようにスタイルシートを開きます。
今回も探すのは、 /* 記事表示部分 */ と書かれているところの少し下です。
/* 記事表示部分 */ を目印にして
と書かれている場所を探します。
今回もaタグのリンクなので、変更するのは a と a:hover の２箇所です。
具体的には次のようにしました。
表示結果
関連記事として 「続きを読む」を画像に変更 を書きました。画像のほうがいい方はそちらをどうぞ。
いつものようにスタイルシートを開きます。
今回も探すのは、 /* 記事表示部分 */ と書かれているところの少し下です。
/* 記事表示部分 */ を目印にして
#entries .entryContinue {
margin:10px;
text-align:left;
}
#entries .entryContinue a {
padding: 4px;
color: #fff;
background: #999;
text-decoration: none;
}
#entries .entryContinue a:hover {
background: #333;
}
と書かれている場所を探します。
今回もaタグのリンクなので、変更するのは a と a:hover の２箇所です。
具体的には次のようにしました。
#entries .entryContinue {
margin:10px;
text-align:left;
}
#entries .entryContinue a {
padding: 4px;
//color: #fff;
//background: #999;
color:#f00;
background:#fcc;
text-decoration: none;
}
#entries .entryContinue a:hover {
//background: #333;
background:#f88;
color:#fff; //追加
}
表示結果
