スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【html】リストなどで縦に連続する項目の最後の線の消し方

2014-03-15 : 農民
どうも農民です!
正直言いたいことの日本語化がよくわかってません()

つまり!
sen.jpg
こんなことです!
やり方

<script type="text/javascript" language="javascript">
$(function() {
 $("#sen ul").each(function() {
  $("li:last-child").css('border', 'none');
 });
});
</script>

<style type="text/css">
#sen {
 margin-top: -15px;<!--上を詰めたかっただけ-->
}
#sen ul {
 margin-bottom: -5px;
 padding: 0px;<!--確か詰めるのに必要…?-->
 list-style-type: none;<!--左にでる「・」を消す」-->
}
#sen li {
 padding:10px 5px 5px 5px;
 margin: 0;
 border-bottom: dotted 1px #000;<!--線の種類や色、太さはここで-->
}
</style>

<div id="sen">
 <ul>
  <li>テスト1</li>
  <li>テスト2</li>
  <li>テスト3</li>
  </ul>
</div>

この方法はひみつ結社ラボファイブさんのをパクった方法です
最初に悩んだ部分もあったので自分用に解説を残しました~

コメントの投稿

非公開コメント

プロフィール

トロン&農民

Author:トロン&農民
イラストのお仕事募集中です!
商業・同人なんでも歓迎
お気軽にメールください!

トロンへメールは
mino-new☆live.jp
☆を@に変えてください

農民へメールは
noumin_k☆yahoo.co.jp
☆を@に変えてください

pixiv
トロン↓


農民↓
Twitter(TORON )
最新記事
最新コメント
カテゴリ
ユーザータグ

バイク web コスプレ 政治・テレビ php ねこ 落書き 

検索フォーム
リンク
月別アーカイブ

Powered by FC2ブログ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。