<--!リンク--> 短い「文字」、「言葉」を枠で囲む方法|あんなこと、そんなこと、どうでもいいこと・・・

あんなこと、そんなこと、どうでもいいこと・・・

;気まぐれに書いてます^^
あんなこと、そんなこと、どうでもいいこと・・・ TOP  >  スポンサー広告 >  〇ブログお役だち >  短い「文字」、「言葉」を枠で囲む方法

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --年--月--日 --:-- ] カテゴリ:スポンサー広告 | TB(-) | CM(-)

短い「文字」、「言葉」を枠で囲む方法

おはようございます。

短い「文字」、「言葉」を枠で囲む方法をご紹介してみたいと思います。


下のタグの「好きな言葉」のところに、「好きな言葉」を入れて下さい(笑)。

<span style="border-style: solid; border-width: 1px;padding: 0px 0px 0px 0px;">好きな言葉</span>



こんな感じになります⇒好きな言葉



あと、参考までに、タグの意味ですが・・

実線⇒ solid

点線 ⇒ dotted

破線 ⇒ dashed

二重線 ⇒ double

線無し ⇒ none



あと、囲み線の太さは・・

border-width: 1px ←5にすると・・

好きな言葉


文字と囲み枠との余白ですが、数値は左から

、枠内の「上、右、下、左」になります。

padding: 0px 0px 0px 0px ←10px 5px 10px 5pxにすると・・

好きな言葉


さらに応用で、

border-color: red;

を追加して枠線の色を変えることもできます。


好きな言葉


<span style="border-style: solid;border-color: red; border-width: 1px;padding: 0px 0px 0px 0px;">好きな言葉</span>



よろしかったら、参考にしてみて下さい。




スポンサーサイト
[ 2013年10月04日 09:47 ] カテゴリ:〇ブログお役だち | TB(0) | CM(0)
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

プロフィール

awantan

Author:awantan
なんだか良く解りませんが、
ポチポチ頑張ります。;^^

メインは、こちらの方です。

ワンタンのアメブロ

検索フォーム
ブロとも申請フォーム
QRコード
QR


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。