![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
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を入れてやる。
画像はお好きなように・・・
![「オシャレな区切り線はありませんか?」の回答画像3](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/7/364189_5497eeac5e0ed/M.jpg)
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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
1時間30分を簡単に表したいで...
-
複数のボタンを等間隔に、かつ...
-
HTML属性での「""」 「''」違い
-
html の divとtable の役割
-
divを横に並べる方法
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
body>div{}の意味を知りたい
-
ヘッダーを左右に二分割する方...
-
何もいじってないのに、表示崩...
-
html・CSS・JavaScriptを学ぶ本...
-
ヘッダーとフッターだけ背景を...
-
音声ブラウザ、スクリーンリー...
-
<DIV> と </DIV> の間が空です。
-
モバイルサイト用のタブ型メニュー
-
html,css初心者です。ヘッダー...
-
name="description"が効きません
-
3カラムレイアウトで「常に残り...
-
htmlでdivをなるべく使わないで
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
html の divとtable の役割
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
min-heightとheightの違いについて
-
div要素が重なってします
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
<div>テキスト</div>
-
ヘッダーとフッターだけ背景を...
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
セクションをdivで囲むと見出し...
-
divの中に外部のHTMLを埋め込む
-
h1のテキストサイズよりh2の方...
-
html5でheaderの中にnav
-
<!-- #BeginLibraryItemとは
-
3カラムレイアウトで「常に残り...
-
divとpの使いわけ
おすすめ情報