アメブロで記事の本文を点線で囲むということにチャレンジ。
まず、ブログ表示ページ(どこでもOK)のHTMLソースを確認。
ソースの記事本文には、
<div class="contents">
<div class="subContents">
とスタイル設定されているようなので、
デザインの変更 > スキンCSSの編集 でCSSの編集。
ソース全体をコピペしてテキストエディタなどで保存しておくのは必須。
むしろテキストエディタで保存するほうが編集しやすい。
早速テキストエディタに貼り付けたCSSから subContents を検索。
しかし、ヒットせず。 div タグで操作するしかないか。
<div style="border: dashed 3px #ff0000;">
記事本文
</div>
と、非常に単純なやり方で。
記事編集は、先に本文をすべて入力してから「HTMLタグを表示」に切り替えて上記のように入力。
結果はこんな感じ。
記事本文