こんにちは。
『やさしいブログの作り方』の松田です。

このブログでは何度かご紹介している囲み枠の作り方。

作り方についてはこちらの記事で動画解説しています。


さて、その囲み枠ですがこんな囲み枠も作れます。


角が丸い囲み枠



角丸の囲み枠を作るには、以下のような書き方をします。

<div style="background:#ffeeee; padding:10px; border:1px solid #ff0000; border-radius:10px;">

記事本文

</div>

赤文字の部分の10pxの値を大きくすれば丸みが増します。


最後までお読みいただきありがとうございました。

3つの無料メール講座配信中

これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全5回)

「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+2が学べるメール講座(全7回)

メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)


6月1日、電子出版しました!

ブログを続けていてよかった、そんな気持ちを一人でも多くの人と共有したいと思っています。^^

AmazonのKindleストアにて好評販売中!
やさしいブログが教えてくれたこと