ドメイン設定

パソコン備忘録 by わらっち




文章を四角い枠で囲むHTMLサンプルソース

記事公開日:2013年11月26日

最終更新日:2017年3月7日


https://kazefuku.net/archives/66

 

☝このサイトにあった

 

HTMLサンプルソースで文章を四角い枠で囲めた。


Sponsored Link

 

こんな感じ・・☟

あーあーテスト これはテスト・・・テスト・・・

ね、見やすい感じの枠でしょう?

 

これのHTMLのサンプルソースがこれ

 

<div style="line-height: 1.5;margin: 2em;padding: 1em;border: 1px solid #336699;background-color: #ECF2F9;">
あーあーテスト これはテスト・・・テスト・・・

</div>

 

 

どうです。これならCSSをイジんなくてもこのソースだけで

 

引用文のように使える。

 

別に引用してねーよって方はこのソースを使ってみるのもイイかも

 

今日も勉強になった。(´∀`)


Sponsored Link

 

ブログ操作方法    コメント:0

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: