匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

無料版はてなブログでトップページを記事一覧にした際に、一つ一つの記事を枠線で囲むCSSを教えてください。


無料版のはてなブログを利用しています。
【headに要素を追加】にHTMLを追加してトップページを記事一覧の表示スタイルに変更しました。(知識がないのでコピペで対応しました)

そこで、記事一覧の一つ一つの記事を枠で囲ってもっと見やすくしたいのですが、調べてもそのCSSが分かりませんでした。

具体的には「記事タイトル」「アイキャッチ画像」「記事の概要」の3つを一つの枠に囲みたいです。(日付とはてなスターは非表示にしました)

そのデザインを指定できるCSSを教えてください。(線の色や太さの変更程度でしたら自分でなんとかカスタマイズできるのですが……)

一番知りたいのはCSSに指定するclass名です。
記事一覧の一つ一つの記事のclass名をどのような名前で指定すればできますか?

どうぞよろしくお願いいたします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2018/10/14 01:13:18
  • 終了:2018/10/21 01:15:03

回答(0件)

回答はまだありません

  • 匿名回答1号
    匿名回答1号 2018/10/14 02:14:43
    class名は任意の名前を指定できますよ
    その任意の名前でcssを作成している事が前提になりますが
    つまり適用したいスタイルの準備が先って事です

    ブログはテーマと一緒にcssまで用意されてるから
    css弄ろうとするとけっこう面倒なのよね
    自分だったらclass=のところをstyle=にして
    HTMLの中に直接スタイル宣言を書き込んじゃいます
    特定のタグの背景色変えるだけで一応の目的は達成できると思うけど
    もっと凝った事したいなら具体的にどんな事をしたいのか
    見本ページかなにかで説明したほうがいいと思う
  • 匿名回答1号
    匿名回答1号 2018/10/14 02:20:03
    > 自分だったらclass=のところをstyle=にして
    > HTMLの中に直接スタイル宣言を書き込んじゃいます

    というのは例えばこんな感じ
    https://udemy.benesse.co.jp/development/html-div-style.html
  • 匿名回答1号
    匿名回答1号 2018/10/14 02:34:37
    class=についても説明しておくと
    上記からリンクされてるページの
    https://udemy.benesse.co.jp/development/html-div-class.html

    .sample1 {...}

    ↑がcssの宣言で、この宣言を先にしておく事で

    class="sample1"

    という呼び出しが有効になるわけ

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません