Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<style>
div.menuBox{
width:calc(100%/4);
height:40px;
float:left;
font-size:20px;
text-align:center;
line-height:40px;
transition:border-bottom linear 1s,color linear 1s;
}
div.menuBox a{
color:#595959;
text-decoration:none;
}
div.menuBox a:hover{
height:39px;
border-bottom:#199 1px solid;
color:#199;
}
</style>
<div class="menuBox"><a href="http://profile.hatena.ne.jp/chuck0523/">書いてる人</a></div>
<div class="menuBox"><a href="http://chuck0523.hatenadiary.jp/entry/2015/05/31/ブログ運営丸1年、200記事の中からオススメ記事22">おすすめ記事</a></div>
<div class="menuBox"><a href="http://chuckwebtips.hatenablog.com">技術ブログ</a></div>
<div class="menuBox"><a href="http://chuck0523.hatenadiary.jp/entry/2000/01/01/chuckへのコンタクト一覧">コンタクト</a></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.