アメザク（アメブロザクザク）テンプレートカスタマイズ～記事枠設置２～

前記事で触れた「記事枠の設定」ですが、設置した枠は「inset」というものでした。
記事枠には、他にもいろいろな枠がありますがご存知でしょうか？
前記事で触れた「記事枠の設定」ですが、設置した枠は「inset」というものでした。
記事枠には、他にもいろいろな枠がありますがご存知でしょうか？
以下の表に纏めてみました。



これらの枠線を利用する際の書式は、以下のようになります。

p.line1 {
margin: 30px 30px;
padding: 10px;
border: medium solid 10px #0000ff;
}
p.line2 {
　border: double 10px #ff0000;
}
p.line3 {
padding: 10px;
　border: groove 10px #336633;
}
といった具合に記述します。

solid 10px #0000ffの記述の意味は、10pxの太さの色コード#0000ffの１本線という意味です。
10pxの部分の数値を小さくすれば細くなり、大きくすれば太くなります。
line1からline8までをすべて記述してline.cssなどファイル名で保存してから、それを外部ファイル化
してアメブロのプラグインで読み込ませておいて、記事ごとに枠線の種類を変えるといった使い方が
できます。

line.cssというファイルをサーバーにアップロードして、そのURLが
http://www.yourdomain.com/line.css
である場合は、アメブロに読み込ませる記述は以下の書式となります（前記事説明も参考下さい）
<link rel="stylesheet" href="http://www.yourdomain.com/line.css" type="text/css">

そして記事枠としてsolidを使いたい場合には、以下のように記述して記事を書きます。
<p class="line1">記事</p>
別の記事でinsetを使う場合には、以下の記述となります。
<p class="line5">記事</p>

つまり、記事ごとに、このように別の枠線を指定してやれば、記事ごとに異なる枠線が設定できます。
今回の記事枠はこれを例示するために、敢えて前記事（inset）とは異なる枠線（double）を設置しています。