Ads by Google
ページ詳細
4
users
users
見出しの横に「更新日」とか並べて表示したい時の簡単なCSSの書き方 | バシャログ。
- 記事本文 : http://c-brains.jp/blog/wsg/09/03/09-210351.php
- タグ : CSScssCSS(デザイン小技)見出し(デザイン)200902日本語解説
- 関連ページ : [ c-brains.jp ]の新着ページ
上記の画像のように、見出しのタイトルに更新日などの情報を並べて表示する、というデザインがよくあります。
実現方法は色々ありますが、CSS でどのように実現するのが簡単でしょうか。
例えば、HTML は以下です。
<div id="press-release">
<h2>プレスリリース</h2>
<p class="update">2009年03月09日更新</p>
<!-- /#press-release --></div>
良く見かけるのは h2 と p をそれぞれ「position:absolute」...
Ads by Google
コメント
読み込み中...
