-5

以下のようなコードイグナイターのデータベースからの動的読み取り日付

<?php echo format_date($row['date'], 'd M')?>

結果は次のように表示されます27 Jul

この画像のようにスタイルを設定したいhttp://line25.com/wp-content/uploads/2012/date-icon/16.jpg

どうすればこの画像のようにスタイリングできますか助けてください..

4

1 に答える 1

2

CSSだけでは無理だと思います。主な問題は、日付の構成要素がマークアップの要素として表示されないため、限られた範囲を除いて、互いに異なるスタイルを設定できないことです。それらを異なる行に強制する幅を設定することにより、使用する機会が得られます:first-line. しかし、疑似要素のスタイリングの可能性は、仕様と実際にはかなり制限されています。

したがって、生成コードを変更して、次のようなものを生成する必要があります

<span class=date><span class=day>27</span><span class=month>Jul</span></span>

次に、たとえば要素をインライン ブロックとして、内側のspan要素をブロックとしてスタイル設定し、背景とコンテンツの色、フォント プロパティ、および外側の要素の丸い境界線を設定できます。

于 2012-08-14T08:05:02.780 に答える