No.3ベストアンサー
- 回答日時:
<p class="msgnews">================ </p>
こんな無意味な事↑ ↑ ↑ はやってはいけません。
例えば、下線を背景画像で入れれば良いのでは?
<p class="msgnews">
『11カ月後の「脱原発」』という特集記事に野菜デモが載りました。
<a target="_blank" href="img/attaka.jpg">紙面を見る </a>
</p>
<p class="msgnews">================ </p>
まずは、上記の例だと、
<p class="msgnews line-2">
『11カ月後の「脱原発」』という特集記事に野菜デモが載りました。
<a target="_blank" href="img/attaka.jpg">紙面を見る </a>
</p>
と、追加&削除して、
CSSに、
p.line-2 {
background: url("img/画像.jpg") no-repeat 0 100%;
margin-bottom: 20px;
padding-bottom: 40px;
}
----------------
つまり、
1、上記のようなCSSで画像を入れて、その画像のスペースを開ける。
2、HTML側では、罫線を入れたい
<p class="msgnews">~~~</p>の部分を
<p class="msgnews line-2">~~~</p>のように設定したCSSのセレクタ line-2を入れてやる。
画像はお好きなように・・・
No.2
- 回答日時:
[例]
<div class="aside">
<div class="section">
<h3>見出し</h3>
<p>記事・・・・・</p>
<p>記事・・・・・</p>
</div>
<div class="section">
<h3>見出し</h3>
<p>記事・・・・・</p>
<p>記事・・・・・</p>
</div>
<div class="section">
<h3>見出し</h3>
<p>記事・・・・・</p>
<p>記事・・・・・</p>
</div>
</div>
とかになっているべきですから、
div.aside div.section+div.section{
border-top:dotted 2px gray;/* 任意のborder-styleを */
}
あるいは、
div.aside div.section{
box-shadow:10px 10px 10px rgba(0,0,0,0.4);
}
とか・・
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Java javaのCSVデータ読込についてです 6 2022/07/02 10:58
- Excel(エクセル) 非表示にしたい行をグループ化して折り畳み 4 2022/09/17 20:17
- Excel(エクセル) ExcelVBAでリストの項目に必要数と同じ手配数を分配していくマクロを作りたいです。 1 2022/07/29 18:36
- その他(Microsoft Office) Outlook 2021 アカウント設定時の「サーバーにコピーを残す」について 2 2023/05/09 17:40
- CPU・メモリ・マザーボード AG03mk2使用時にデバイスが認識されなくなる【B550 phantom gaming 4】 2 2023/02/11 05:21
- 借地・借家 住宅管理委託契約の合意更新をわすれた 2 2023/01/28 08:20
- Excel(エクセル) 【Excel】住所に郵便番号を付記する方法 3 2022/05/07 17:15
- 統計学 統計分析とExcelに詳しい方、何卒よろしくお願いいたします。 6 2022/05/27 10:30
- Excel(エクセル) EXCELでの複雑な複数条件について 4 2022/05/09 16:19
- Amazon 新規でAmazon商品ページ作成方法について 1 2022/03/28 00:22
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
min-heightとheightの違いについて
-
div要素が重なってします
-
htmlのolやulなどlistにtitleや...
-
複数のボタンを等間隔に、かつ...
-
1時間30分を簡単に表したいで...
-
<div id="container">の使いか...
-
HTML5 iframe の代わり
-
3カラムレイアウトで「常に残り...
-
ヘッダーとフッターだけ背景を...
-
RMS レフトナビ問題
-
<!-- #BeginLibraryItemとは
-
何もいじってないのに、表示崩...
-
一括で全体を右にずらす
-
テーブルを使わずにコーディン...
-
お叱りを受けるような質問なの...
-
要素間、要素内に隙間が空く
-
html の divとtable の役割
-
スペースを使わず文字位置を揃...
-
html5でheaderの中にnav
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
div要素が重なってします
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
divを横に並べる方法
-
html5でheaderの中にnav
-
スペースを使わず文字位置を揃...
-
セクションをdivで囲むと見出し...
-
divとpの使いわけ
-
ブログのサイドバーが下にくる
-
3カラムレイアウトで「常に残り...
-
グリッドレイアウトで"auto-fit...
-
iframeを使わずに上下50%ずつに...
-
ヘッダーを左右に二分割する方...
-
画面を縮小するとカラムが落ち...
おすすめ情報