横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
使い好きな場所に要素を配置する(ul要素)。
.postit_261クラスのプロパティの
position: absolute; で絶対位置で指定し、
li.condition{ top:-10px; left:
-10px;}
のli要素のクラス名に表示する相対位置を指定する。
cssの書き方 |
/*-------------------------------------------------- 02-08 要素にはみ出すことでアクセントを付ける -------------------------------------------------- */ .box_261 li.condition{ position: absolute; top: -10px; left: -10px; } |
---|---|
HTMLの使用例 |
<dl> <dt><img src="photo03.jpg" alt="" />バーベキュー</dt> <dd> <ul> <li class="date">Jul.30 18:00〜20:00</li> <li class="explain">バーべキュー。小雨決行。</li> <li class="entry"><a href="#"> <span>バーベキュー申込</span></a></li> <li class="condition"> <img src="iconFew.png" alt="" /></li> </ul> </dd> </dl> |