パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…


テーマ:

こんにちは、パソコンインストラクターの川上雄大です。

 

 

先日、このようなご質問をいただきまして…

 

「あの〜、囲まない囲み枠はどのようにすればいいのでしょうか?」

 

と。

 

え@@?

 

囲まないのに、囲むんですか?と(笑)

 

 

はい!

 

ある有名なアメブロガーのブログであったので、私も色違いのがやりたくて…、と。

 

 

有名なアメブロガー?

もしかして、あの「やさしい…」の方かな?ということで、見てみると、

 

記事下のこのことですね↓

 

 

 

確かに、囲んではいないですが、囲み枠のように見えますね(笑)

 

 

上の見出しの部分は、過去に私も記事で書いております↓

 

アメブロの記事内の見出しその2

 

 

ですので、その下に、

 

<div style="border-bottom:2px solid #4dac26; font-size:0.9em; padding:20px 10px;">ここに本文が入る<br>

ここに本文が入る<br>

ここに本文が入る</div>

 

 

といったのを足すとできるかな、と思います。

(ただし、#4dac26の部分はカラーコードなので、上側の色と合わせるとよいです。)

 

 

ですので、例えばこんなタグでしょうか。

 

 

<div style="margin:0; padding:0; border-bottom:2px solid #4dac26;"><span style="margin:0; padding:6px 12px; background:#4dac26; color:#ffffff; border-top-left-radius:6px;border-top-right-radius:6px;font-size:1.2em;font-weight:bold;display:inline-block;">見出しその2</span></div>

<div style="border-bottom:2px solid #4dac26; font-size:0.9em; padding:20px 10px;">ここに本文が入る<br>

ここに本文が入る<br>

ここに本文が入る</div>

 

 

 

見出しその2
ここに本文が入る
ここに本文が入る
ここに本文が入る

 

 

 

あ、ご本人に聞いていませんので(苦笑)、詳しいことはご本人様に直接お問い合わせいただけるとありがたいです↓

 

 

 

 

 


以上、ご紹介でした。

 

Instagram

 

 

◆現在お知らせ中のイベント情報◆

川上雄大・クリスマスライブ in 渡辺淳一文学館ホール
第3弾の札幌ライブになります。

日時:12月8日(金)18:30 Open、19:00 Start
場所:渡辺淳一文学館 地下ホール
  札幌市中央区南12条西6丁目414
 (地下鉄南北線中島公園駅から徒歩で8分)
 TEL 011-551-1282
チケット料金:2,500円(税込)(全席自由)
 チケットのお申し込みはこちら
 

 

この囲み枠↑のタグはこちらからどうぞ!

 

 


LIDS札幌・ライフデザインスクール
川上 雄大

 

 

 

 

川上雄大

 

2015年から再開した音楽活動のブログもこちらでやっています!

いいね!した人  |  コメント(4)  |  リブログ(0)

川上雄大・パソコンインストラクターさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント