行の前にアイコンを付ける。よく使う CSS style


スポンサーリンク

行の前にアイコンを付ける。よく使う CSS style

行の前にアイコンを付ける。(wp-shortlink/myimg/)
<span style="background-image:url('<?php echo plugins_url(); ?>/wp-shortlink/myimg/arrow_red.png'); background-repeat:no-repeat;padding-left:20px;">
 
行の前にアイコンを付ける。(wp-shortlink/AppenMyimg/)
<span style="background-image:url('<?php echo plugins_url(); ?>/wp-shortlink/AppenMyimg/listpoint1.png'); background-repeat:no-repeat;background:#ffd700;font-size:18px;color:#000;padding:2px 5px 2px 60px;">
 
<span style="
// アイコン画像
background-image:url('<?php echo plugins_url(); ?>/wp-shortlink/myimg/arrow_red.png');
// 繰り返しの禁止
background-repeat:no-repeat;
// アイコン画像の幅 + 余白(2~4ドットぐらい?画像サイズによる)
padding-left:20px;
">

スポンサーリンク