トップページやカテゴリの記事リストに境界線を入れたい

PR 2015/1/17

このトピックには5件の返信、2人の参加者があり、最後にみゅぅにより11年、 3ヶ月前に更新されました。

5件の返信スレッドを表示中

投稿者

投稿
- 2015年1月6日 6:37 PM #15751
  
  みゅぅ
  ゲスト
  
  わいひらさん、はじめまして。前からずっとWordpressでブログを作ってみたぃなと
  思っていたのですが、難しそうでずっと手が出せませんでした。
  でもこのテーマに出会って初チャレンジが出来ました。ありがとぅございます～！(o*｡_｡)oﾍﾟｺﾘ
  
  ところでこのブログのトップページやカテゴリのページのときに
  サムネイル付でタイトルと抜粋記事、続きを読むなどが並びますが
  その１つ１つの間に、境界線を入れたいのです。いろいろやってみたのですが
  上手くいきません。どの場所をさわれば良いでしょうか？
- 2015年1月6日 7:30 PM #15755
  がちょぴん
  ゲスト
  みゅぅさん
  
  初めまして。
  明けましておめでとうございます。
  
  開発用のPCが動かなくなったという事で、
  わいひらさんはご返信遅れると思いますが、
  私の方で頑張ってできる限り対応したいと思います。
  (サイドバーにある「お知らせ」をご確認してみてください)
  
  下記のCSSタグで境界線が表示される事を、
  デベロッパーツールでご確認できたのですがどうでしょうか？
```
div#list .post {
  padding-top: 10px;
  border-top: 1px solid #000;
}
```
- 2015年1月6日 10:49 PM #15778
  わいひら
  キーマスター
  みゅぅさんはじめまして。
  ご利用ありがとうございます。
  
  こんな感じでもOKかと思います。
  がちょぴんさんのとはトップに出るかボトムに出るかの違いです。
```
#main .entry {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
```
- 2015年1月7日 9:53 AM #15822
  
  みゅぅ
  ゲスト
  
  「div#list .post」か「#main .entry」のところに書けば良かったのですね。
  ボトムに欲しかったので、わいひらさんのやり方で書いて無事に境界線が入りました。
  
  がちょぴんさん、わいひらさん、ありがとぅございました。
  開発用のPCも早く治りますように。。♪
- 2015年1月7日 11:44 AM #15836
  がちょぴん
  ゲスト
  みゅぅさん
  
  追記忘れておりましたので失礼します。
  自由に変更できるよう下記に解説提示します。
  ご参考いただけましたら大変幸いです。
```
border-bottom: 5px dotted #ff0000;
padding-bottom: 15px;
```
  「border-bottom」1px部分を2,3に変更すると太さが変わります。
  「solid」部分を「dotted」に変更すると1本線から点線に変わります。
  「#ddd」部分を「#ff0000」に変更すると灰色から赤色に変わります。
  「padding-bottom」の数字を変更すると、余白の調節ができます。
  
  他のやり方 or 表示方法(線の種類等)に関しましては「HTML リファレンス」といった、
  キーワードで検索しますと、色々とやり方が記載されておりますので一度ご拝見される事勧めます。
- 2015年1月17日 5:22 PM #17148
  
  みゅぅ
  ゲスト
  
  がちょぴんさん、今気がつきました！
  詳しく説明してくれていたのですね。ありがとぅございました。(_ _*) ♪
投稿者

投稿