タイトル付の囲み枠をさかさまにして、メニューと合わせて作るのもよいですね
募集中の講座
こんな感じで作ってみるのもよいです。
こんな感じで作ってみるのもよいです。
<div style="border:1px solid #F69; padding:10px;"><img draggable="false" alt="宝石緑" height="16" width="16" src="http://stat100.ameba.jp/blog/ucs/img/char/char2/116.gif" /> <span style="color:#000000;"><span style="font-weight:bold;">募集中の講座</span></span> <img draggable="false" alt="宝石赤" height="16" width="16" src="http://stat100.ameba.jp/blog/ucs/img/char/char2/118.gif" />
<br />こんな感じで作ってみるのもよいです。
<br />
</div><div style="background:#F69; border:1px solid #F69; padding-left:10px;"><center><span style="font-size:0.83em;"><font style="color:#ffffff; font-weight:normal;">| ごあいさつ | プロフィール | 最新のスケジュール | 講座案内 | お問い合わせ |</font></span></center></div>
<br />こんな感じで作ってみるのもよいです。
<br />
</div><div style="background:#F69; border:1px solid #F69; padding-left:10px;"><center><span style="font-size:0.83em;"><font style="color:#ffffff; font-weight:normal;">| ごあいさつ | プロフィール | 最新のスケジュール | 講座案内 | お問い合わせ |</font></span></center></div>