水平型リストで画像を並べた時の隙間を消す4つの方法｜web bibo- CSS（スタイルシート）に関する知識・テクニックなどの備忘録 - 文字サイズ 大 中 小 現在のページ： HOME » リスト・メニュー » 水平型リストで画像を並べた時の隙間を消す4つの方法 画像をリストタグで水平に並べた場合、画像と画像の間に隙間が生じます。この隙間を消す方法を紹介します。 XHTML&CSSを記述 li { display: inline; } <ul> <li><img src="images/tips/h_list_space_01.png" alt="HTML" /></li> <li><img src="images/tips/h_list_space_02.png" alt="CSS" /></li> <li><img src="images/tips/h_list_space_03.png" alt="JavaScript" />
