【コピペで簡単】おすすめ仕切り線１2種類♡

 

 

 

 

おススメの仕切り線(掛線)を揃えてみました♡

 

 

使いやすい細いシンプルな線
ノーマルな太さの線
仕切りやすい太めの線
点々がさりげないチェーン線
ポール状になっているチェーン線
可愛いドットの線
さりげない細めの二重線
区切りがわかりやすい太め二重線
お洒落な細めのストライプ線
ブログがお洒落に見えるストライプ線
真ん中に文字が入れられる直線
美しいグラデーションライン
 
パソコンでブログを書くときに
HTML編集画面にし
そちらにタグをコピペしてお使いください♡
 

 

おすすめ仕切り線一覧

 

華奢線

★ピンク

▼コピペ▼

<hr style="border-top: 1px solid #FFCCD2;"><p>&nbsp;</p>

 


★ブラック

▼コピペ▼

<hr style="border-top: 1px solid #6D563A;"><p>&nbsp;</p>

 

ノーマル線

 

★ピンク

▼コピペ▼

<hr style="border-top: 2px solid #FFCCBA;"><p>&nbsp;</p>

 

★ブラック

▼コピペ▼

<hr style="border-top: 2px solid #6D563A;"><p>&nbsp;</p>

 

太線

 

★ピンク

▼コピペ▼

<hr style="border-top: 4px solid #FCA38A;"><p>&nbsp;</p>

 

★ブラウン

▼コピペ▼

<hr style="border-top: 4px solid #AA865C;"><p>&nbsp;</p>

 

チェーンライン

 

★ピンク

▼コピペ▼

<hr style="border-top: 1px dashed #fcbec1;"><p>&nbsp;</p>

 

★ブラック

▼コピペ▼

<hr style="border-top: 1px dashed #AA865C;"><p>&nbsp;</p>

 

ポールチェーン

 

★ピンク

▼コピペ▼

<hr style="border-top: 2px dotted #FF9F8A;"><p>&nbsp;</p>

 

★グレー

▼コピペ▼

<hr style="border-top: 2px dotted #E0D8BC;"><p>&nbsp;</p>

 

ドットライン

 

★オレンジ

▼コピペ▼

<hr style="border-top: 4px dotted #FFD8A5;"><p>&nbsp;</p>

 

★グレー

▼コピペ▼

<hr style="border-top: 4px dotted #E0D8BC;"><p>&nbsp;</p>

 

華奢二重線

 

★ピンク

▼コピペ▼

<hr style="border-top: 2px double #FFCCD2;"><p>&nbsp;</p>

 

★ブラック

▼コピペ▼

<hr style="border-top: 2px double #675139;"><p>&nbsp;</p>

あ

二重線

 

★ピンク

▼コピペ▼

<hr style="border-top: 5px double #FFCCBA;"><p>&nbsp;</p>

 

★グレー

▼コピペ▼

<hr style="border-top: 5px double #B5AA9D;"><p>&nbsp;</p>

 

華奢ストライプ

 

★ピンク

▼コピペ▼

<hr style="height: 3px; border-width: 0; background-size: 2px 2px; background-repeat: repeat; background-image: linear-gradient(-45deg, #ffffff 25%, #FFE1C9 25%, #FFE1C9 50%, #ffffff 50%, #ffffff 75%, #FFE1C9 75%, #FFE1C9);"><p>&nbsp;</p>

 

★ブラック

 

<hr style="height: 3px; border-width: 0; background-size: 2px 2px; background-repeat: repeat; background-image: linear-gradient(-45deg, #ffffff 25%, #838383 25%, #838383 50%, #ffffff 50%, #ffffff 75%, #838383 75%, #838383);"><p>&nbsp;</p>

 

ストライプ線

 

★オレンジ

▼コピペ▼

<hr style="height: 7px; border-width: 0; background-size: 5px 5px; background-repeat: repeat; background-image: linear-gradient(-45deg, #ffffff 25%, #FFA872 25%, #FFA872 50%, #ffffff 50%, #ffffff 75%, #FFA872 75%, #FFA872);"><p>&nbsp;</p>

 

★グレー

▼コピペ▼

<hr style="height: 7px; border-width: 0; background-size: 5px 5px; background-repeat: repeat; background-image: linear-gradient(-45deg, #ffffff 25%, #E2D8C3 25%, #E2D8C3 50%, #ffffff 50%, #ffffff 75%, #E2D8C3 75%, #E2D8C3);"><p>&nbsp;</p>

 

文字入りライン

 

★ピンク

 テキスト
 

▼コピペ▼

<p style="display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:20px;"><span style="-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-:1;flex-grow:1;height:2px;background-color:#FF9F8A;min-width:20px;display:inline-block;vertical-align:middle;margin-right:20px;">&nbsp;</span>テキスト<br>
<span style="-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:2px;background-color:#FF9F8A;min-width:20px;display:inline-block;vertical-align:middle;margin-left:20px;">&nbsp;</span></p><p>&nbsp;</p>

 

★ブラック

 テキスト
 

▼コピペ▼

<p style="display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:20px;"><span style="-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-:1;flex-grow:1;height:2px;background-color:#615346;min-width:20px;display:inline-block;vertical-align:middle;margin-right:20px;">&nbsp;</span>テキスト<br>
<span style="-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:2px;background-color:#615346;min-width:20px;display:inline-block;vertical-align:middle;margin-left:20px;">&nbsp;</span></p><p>&nbsp;</p>

 

グラデーションライン

 

★イエローグリーン

▼コピペ▼

<hr style="height: 2px;background:linear-gradient(90deg, rgba(252,252,53) 0%, rgba(153,255,210) 50%, rgba(252,252,53) 100%);border-radius: 10px;"><p>&nbsp;</p>

 

★ピンクブルー

▼コピペ▼

<hr style="height: 2px;background:linear-gradient(90deg, rgba(255,208,232) 0%, rgba(228,251,255) 50%, rgba(255,208,232) 100%);border-radius: 10px;"><p>&nbsp;</p>

 

 

大人かわいい仕切り線なので

とっても使いやすいです(*^-^*)

 

ブログを魅力的に魅せたいかたは

ぜひ使ってみてくださいね♡