ふとんのなかから

びまん性大細胞型B細胞リンパ腫にかかったあとだらだらしている人のブログ

「編集」のスタイルシート

編集リンクのクラス指定について
http://d.hatena.ne.jp/hatenadiary/20041019#1098184093


編集って何じゃいなと思ったら自分のページにログインしてるときにh2要素に表示される「編集」のことだった。で、ここでちょっと分かりづらいのが「編集」そのものではなく「編集へのリンク」にclassを作った、ということ。何でこんな回りくどいことするのかよく分からないけどソースを見ると確かにspanもdivもない。したがってこうするのが正解のようだ。


「編集」をボタン化する(マウスを乗せると巨大化)。

a.edit{
font-size: 10px;
font-weight: normal;
border: outset 3px #606060;
color: white;
background: #606060;
margin: 0;
padding: 2px 4px;
text-align: center;
}

a.edit:hover{
border: outside 10px #606060;
font-size: 30px;
padding: 6px 12px;
}