はてなブログカスタマイズを0から学ぶ

無料版はてなブログのカスタマイズを学んでいくブログ

ChatGPTで囲み枠を作ってみる

テキスト今回はChatGPTで囲み枠を作ってとお願いしたらどんなものができるのか試してみました!

「かわいい囲み枠を2つ作って」とお願いしたところ、できたのがこれ。

 

 

<div style="border: 2px solid #ff66b2; padding: 15px; border-radius: 10px; background-color: #fff5f8;"> <p style="margin: 0; color: #ff66b2; font-weight: bold;">この枠は、可愛らしいピンクの囲み枠です。</p> </div>

 

この枠は、可愛らしいピンクの囲み枠です。

 

 

<div style="border: 2px dotted #66ccff; padding: 15px; border-radius: 5px; background-color: #e6f7ff;">
<p style="margin: 0; color: #66ccff; font-style: italic;">パステルブルーのドット線囲み枠です。</p>
</div>

パステルブルーのドット線囲み枠です。

 

「かわいい枠」という指示だけだとちょっと物足りない印象。

もっと細かい指示を伝えれば、もっと凝ったものも作れるのか、また試してみたいと思います。