WordPressで記事や文字を四角の枠線で囲む方法

どもども

管理人のじゅんです。

今回はWordPressネタ。

WordPressで記事を執筆するときに、たまに

ここの文字を四角い枠線で囲みたいなぁ。と思う時がある。

そんな時に役に立つHTMLタグを紹介する。

記事や文字を四角の枠線で囲む方法

<fieldset>タグで記事や文字を四角の枠線で囲むことができる。

HTMLの記述方法

<fieldset style=”border:1px solid #C0C0C0″;>
ここに枠線で囲みたい記事や文字を書く
</fieldset>

実際の表示

タイトルを追加して記事や文字を四角の枠線で囲む方法

<fieldset>タグと<legend>タグを使う。

HTMLの記述方法

<fieldset style=”border: 1px solid #C0C0C0; padding: 10px;”>

<legend style=”border: 0px;”>ここにタイトル</legend>ここに文字を入力する。

</fieldset>

実際の表示

記事に四角の枠線を付ける方法は他にもあるが、私はいつも<fieldset>タグを使用する。

理由は簡単だから。