無料版・かんたん作成
アメブロ｜線・罫線・区切り線作成ツール
アメブロの記事本文に貼れる、線・罫線・区切り線のHTMLコードを作成できます。 実線・点線・ドット線・二重線・グラデーション・絵文字入りなどを選び、HTML表示に貼り付けるコードを簡単にコピーできます。
1
用途を選ぶ
※ 用途を変更すると、中央テキスト・絵文字・おすすめデザインが自動で切り替わります。
※ 区切り線は、記事本文と案内・サービス紹介・関連記事などを分けるときに便利です。記事の章立てには、区切り線ではなく見出しを使うのがおすすめです。
2
中央文字・絵文字を入力する
※ 中央文字・絵文字入りデザインのときだけ、入力内容が生成コードに反映されます。
3
デザイン・カラー・基本設定を選ぶ
線デザイン
カラー
基本設定
※ 記号を連続して区切り線の代わりに使うと、スマホ表示で崩れることがあります。HTMLコードで作成した線を使用してください。
4
プレビューを確認する
5
アメブロ貼り付け用コード
※ このコードをコピーして、アメブロの記事編集画面の「HTML表示」に貼り付けてください。