cutmail's blog

write the code

css

CSSでドロップシャドウをつける

css

cssだけでドロップシャドウをつけてみます。ソースは以下。 <html> <head> <title>DropShadow with css</title> <style type="text/css"> <!-- #shadow { width: 300px; height: 300px; background-color: #ffffff; border: 1px solid #ccc; -webkit-box-shadow: 3px 10px 3px #666666; -moz-box-shadow: 3px 10</style></head></html>…

クラスが複数定義できるって知らなかった

css

ウノウラボ by Zynga Japan: CSSによるデザインワークと相性のよいHTMLって?上の記事にもあるように、CSSにおいてスペースで区切ることによって クラスが複数定義できるらしい。 <ul class="menulist alpha"> <li>hoge1</li> <li>hoge2</li> </ul> <ul class="menulist beta"> <li>hoge3</li> <li>hoge4</li> </ul> こうしておけば、両方のリストに対してCSSを適…