Hello, World!CSS。 p { color: green; text-shadow: silver 2px 2px 3px; font-size: 15pt; background-color: oldlace; padding: 10px; width: 125px; }

画面を左右に分けて、左が幅 150px、右が残りすべてというようにする。width: 150px残りHTML。 <div style="margin: 0 70px 0 70px; border: 1px solid tan; height: 200px; padding: 0;"> <div style="width: 150px; background-color: lightskyblue; height: 200px; margin: 0;">width: 150px</div> </div>

ゼロからデザインするのは面倒だとわかったので、「Hatena」といういちばんシンプルなテーマをベースにしてカスタマイズしてみる。色いろ CSS の効果を確かめるのに、Chrome のデベロッパーツールがとても便利なことがわかった。スタイルシートはこんな風に…