![アメブロの「見出し付き・四隅角丸・影付きのお知らせ枠」をコピペで作る方法](https://cross-accelerate-business-create.com/wp-content/uploads/2019/08/イメージ1649.jpg)
こんにちは。YOSHITAKA(@YOSHITA19704216)です。
![](https://cross-accelerate-business-create.com/wp-content/uploads/2019/03/pose_kyosyu_figure.png)
![](https://cross-accelerate-business-create.com/wp-content/uploads/2019/03/IMG_E1151-2.jpg)
- アメブロのオーソドックスな見出し入り囲み枠の作り方がわかります。
- CSSを貼り付けて自分のアメブロに反映することができます。
- 簡単なCSS操作がわかります。
Contents
アメブロのオーソドックスな見出し入り囲み枠の作り方
オーソドックスな囲みのコード
見出しタイトル
テキスト
テキスト
この枠ですが、以下のようなコードを書きます。
CSSコード コピペ
テキスト<br>
</div></div>
CSSのコード解説
今日もちょっとお勉強の時間です。
CSSコード解説
⇒線の太さ
⇒線の色
⇒余白
border-radius:5px;
⇒四隅の丸み
⇒影の色と大きさ
まとめ
今回は単純ながらもしっかりとデザインができる
囲み枠を作りました。
デザインに著作権はありませんのでどんどん活用してください。
あ!
僕もメルマガ発行しているので
忘れずに登録して下さい(^^)