-box-L4-
-HTML-
<body> <div> <p>新着情報<br><span>coral</span></p> <p>お知らせ<br><span>tomato</span></p> <p>製品情報<br><span>orange</span></p> <p>店舗案内<br><span>chocolate</span></p> <p>会社案内<br><span>brown</span></p> </div> </body>
-CSS-
* { margin: 0; padding: 0; } body { background: url(images/Bg-icon100.jpg); font-size: 20px; } div { width: 140px; margin: 20px 0 0 20px; padding: 10px; background: thistle; } p { padding: 15px 0; background: darkkhaki; text-align: center; } p span { font-size: 14px; color: brown; } p:not(:last-of-type) { margin-bottom: 10px; } p:nth-of-type(odd) { background: moccasin; } p:nth-of-type(even) { background: lightblue; }