/image%2F0125000%2F201304%2Fob_47895faddaed68a2ed7ebf13bab273a7_scraplex-circle-white.png)
意外に簡単！CSS3を使ったシンプルな横メニューの作り方｜Webpark http://t.co/6H1fZpm7
September 13, 2012
Advertising
/http%3A%2F%2Fblog-imgs-42-origin.fc2.com%2Fw%2Fe%2Fb%2Fweboook%2Fcss3menu-tittle2.png)
意外に簡単！CSS3を使ったシンプルな横メニューの作り方｜Webpark
menu { width: 600px; height: 45px; padding: 0; margin: 0; list-style-type: none; background: #ff7400; box-shadow: 3px 3px 3px #aaa; } #menu li { width: 20%; float: left; padding: 0; margin: 0; text-align: center; } #menu li a { width: auto; color: #fff; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 0; text-decoration: none; text-shadow: 0px -1px 1px rgba(0,0,0,0.7); display: block; } #menu li a:hover { background: #ffa443; }