Blogger 「文字に囲み枠」を入れる方法

2020年9月17日木曜日

生活の知恵

t f B! P L

HTMLコードで文字に囲み枠

私が使っている枠です。

<!-- ここから 囲み枠 機能 -->
<div style="background: #FFFAEA ; border-radius: 10px; border: 2px solid #FFCD07; padding: 10px;">こんな感じの枠です</div>
<!-- ここまで 囲み枠 機能 -->
背景色枠線色は変更できます。
 
これ以外にも枠のスタイルがいろいろありますので下記サイトでご覧ください。
  参考▶https://unknown-blg.blogspot.com/2019/07/blogger5.html

カラーコードの変更、調べ方

枠の色と背景の色

<!-- ここから 囲み枠 機能 -->
<div style="background: #xxxxxx ; border-radius: 10px; border: 2px solid #xxxxxx; padding: 10px;">こんな感じの枠です</div>
<!-- ここまで 囲み枠 機能 -->

背景色 background:#xxxxxx
枠の色 border:#xxxxxx
  • 色の変更は#xxxxxxを変える。
  • カラーコードはGOOGLEで#ffffffで検索する

ページビューの合計

Translate(翻譯)

台北の日貨専門店 瑞瑞

記事検索

自己紹介

自分の写真
趣味として、Wineや台湾の紹介ブログを書いたり、台湾では大阪の食文化を紹介しながら「話せる日本語」を教えています。 30代前半で起業、60で引退、現在は大阪、南国台湾を往復しながらフリーランスな生活をしています。

QooQ