ブログで使えるスタイルシート その２

アメブロでスタイルシートを使用したブログを書くには、「HTMLタグを表示」を選択して下さいね





とりあえず、アメブロでどこまでスタイルシートが使えるか、実験的にやっているものなので・・・


今回はボーダー(枠線)の指定です。


ボーダーを指定するには、border: 線の太さ 線のスタイル 線の色 とスタイルシートを記述します。


こんな感じに
<span style="border: 1px solid blue">枠線、見える？</span>
書くと・・・、



枠線見える？



な感じに表示されます。


ちなみに、線のスタイルの部分は solid の他に、dotted(点線)、dashed(粗い点線)、double(二重線)、groove(谷線)、ridge(山線)、inset(内線)、outset(外線)なんかが使えます。


例えば・・・、


点線の枠線


とか、


外線の枠線


な感じです。


お試しあれ