練習

ほんばにぼー、ぼくはゆで卵が好きやからね。


マウスを置くと大きくなる

CSSコード


p a:hover {
font-size: larger;
}







CSSコード



***
文章

(css)

a.thumbnail {
display: block;
float: left;
margin: 0.3em 10px 0.3em 0;
}
a.thumbnail img{
position: absolute;
}
a.thumbnail,
a.thumbnail img{
width: 100px;
height: 100px;
}
a.thumbnail:hover {
border: none;
cursor: default;
}
a.thumbnail:hover img {
width: auto;
height: auto;
}

div.img-move a:hover {
position: relative;
top: -1px;
left: -1px;
}
div.img-move a:active {
position: relative;
top: 5px;
left: 5px;
}
画像が揺れる


.popup a:link img.zoom,
.popup a:visited img.zoom,
.popup a:active img.zoom,
.popup a:focus img.zoom{
display:none;
border-style:none;
text-decoration:none;
}
.popup a:hover img.zoom{
border-style:none;
display:block;
text-decoration:none;
}



最後の行の幅と高さは数字を変更できる。

[PR]

by pckmieko | 2012-02-02 10:01 | その他

<< ・・・・・・・ 池 >>