以下のようなコードイグナイターのデータベースからの動的読み取り日付
<?php echo format_date($row['date'], 'd M')?>
結果は次のように表示されます27 Jul
この画像のようにスタイルを設定したいhttp://line25.com/wp-content/uploads/2012/date-icon/16.jpg
どうすればこの画像のようにスタイリングできますか助けてください..
以下のようなコードイグナイターのデータベースからの動的読み取り日付
<?php echo format_date($row['date'], 'd M')?>
結果は次のように表示されます27 Jul
この画像のようにスタイルを設定したいhttp://line25.com/wp-content/uploads/2012/date-icon/16.jpg
どうすればこの画像のようにスタイリングできますか助けてください..
CSSだけでは無理だと思います。主な問題は、日付の構成要素がマークアップの要素として表示されないため、限られた範囲を除いて、互いに異なるスタイルを設定できないことです。それらを異なる行に強制する幅を設定することにより、使用する機会が得られます:first-line
. しかし、疑似要素のスタイリングの可能性は、仕様と実際にはかなり制限されています。
したがって、生成コードを変更して、次のようなものを生成する必要があります
<span class=date><span class=day>27</span><span class=month>Jul</span></span>
次に、たとえば要素をインライン ブロックとして、内側のspan
要素をブロックとしてスタイル設定し、背景とコンテンツの色、フォント プロパティ、および外側の要素の丸い境界線を設定できます。