枠の内側に影をつける 枠を立体的なデザインにする ２つ目の影を追加する 枠の内側に影をつける 枠内のすべての辺に影をつける ソースコード【 CSS 】 article section { clear: both; border: solid 1px #aaa; margin: 20px 0 10px 0; padding: 18px 18px 1…

背景画像を表示する ソースコード【 CSS 】 #container { width: 900px; margin: 0 auto; background-color: #fff; padding: 0 40px; -webkit-box-shadow: 0 0 30px #bbb; box-shadow: 0 0 30px #bbb; background-image: url(images/circle.png); } 背景画像…

背景と区切り線の色を半透明にする 背景色を半透明にする RGB（赤, 緑, 青）で色指定：rgb(1, 122, 205) 不透明度（alpha）：a(0.3) ソースコード【 CSS 】 nav ul li a:hover { background-color: rgba(1, 122, 205, 0.3); } 区切り線の色をRGBで指定し半透…

サイト名をリボン状に表示する フッターを罫線で区切って表示する ソースコード【 CSS 】 footer { clear: both; color: #888; margin: 25px 0 0 0; padding: 8px 0 8px 0; border-top: solid 1px #aaa; } small { font-size: 0.75em; font-style: normal; t…

機能別にまとめたCSS3ジェネレーター28選 簡単にCSS3を適用できるジェネレーターを機能別にまとめサイト ウェブ学のすすめ 多機能型 CSS3プロパティジェネレーター CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator CSS3 GENERATOR CS…