枠線グラデーション

今回は枠線をグラデーションにしてみました！

<div style="border: 6px solid; border-image: linear-gradient(45deg, #FF7F50, #FFD700) 1; padding: 20px;">
<p>ここに文章</p>
</div>

ここに文章

枠を太めにしてカラーバリエーションを作ってみます。

ピンク系

<div style="border: 6px solid; border-image: linear-gradient(45deg, #e597b2, #ffdeff) 1; padding: 20px;">
<p>ここに文章</p>
</div>

ここに文章

水色系

<div style="border: 10px solid; border-image: linear-gradient(45deg, #59b9c6, #bafaff) 1; padding: 10px;">
<p>ここに文章</p>
</div>

ここに文章

緑系

<div style="border: 10px solid; border-image: linear-gradient(45deg, #82ae46, #daffc9) 1; padding: 10px;">
<p>ここに文章</p>
</div>

ここに文章

モノクロ

<div style="border: 10px solid; border-image: linear-gradient(45deg, #666666, #dbdbdb) 1; padding: 10px;">
<p>ここに文章</p>
</div>

ここに文章

自分で色を変えたい場合はこちらを参考に。

グラデーションメーカーが便利です。

www.colordic.org

今日のドジャースは４－１１でヤンキースに大差で敗北。

さすがに4連勝でおわると興行的にもおいしくないので手心を加えたのではないか、と勘繰りたくなりますがどうなんでしょうか。

大谷選手はヒットを打ったようですが、万全の調子ではないでしょうし、早く休んでほしいところです。

ドジャースとしてはあと1つ勝てばいいので気が緩んでいそうですが油断は大敵。

大逆転で優勝をのがす、というシナリオもまだ残っています。

息を吹き返したかにみえるヤンキースの強力打線、ちょっと怖いですね！