|
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
○「ボックス」の設定で、枠線の「形式」を指定します。 枠線の「形式」は、四辺でも総称でも同様です。色々試してくださいね (^_-)r ※背景色を、「#999999」（灰色）にしました。 ※「color:white;」（文字色）を入れました。 ※「padding:0px;」（内容の外側）を「0px（ゼロ・ピクセル）」を入れました。 ※「border-color:blue;」（枠線の色）を入れました。 ※「border-width:10px;」（枠線の太さ）を入れました。 ※「attached(１)」の「１」は全角数字ですが、作る場合は「半角数字」に書き換えてください。 ※【例文】の中にある「行」の「行末」を改行していますが、 必ず「改行」を消して、次の行につなげてくださいね。 ※「Yahoo.com（米国）」へ海外旅行に行きました（そのアバター写真、、、ウソです）！ (^_^ゞ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○「border-style:groove;」の場合（右・下の光から右・下の影まで入れて、左・下の光から左・下の影まで入れる）。 ・「border-style」を、個別に設定する方法も出来ますが、今回は一括で指定しています。 ※上：border-top-style、右：border-right-style、下：border-bottom-style、左：border-left-style 【例文】 ||<#999999' style=' color:white; border-color:blue; border-width:10px; border-style:groove; ' ``●枠線の形式|| ||<#999999' style=' padding:0px; border-color:blue; border-width:10px; border-style:groove; ' ``[[attached(１)]]|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○「border-style:ridge;」の場合（左・上の光から左・上の影まで入れて、右・下の光から右・下の影まで入れる）。 【例文】 ||<#999999' style=' color:white; border-color:blue; border-width:10px; border-style:ridge; ' ``●枠線の形式|| ||<#999999' style=' padding:0px; border-color:blue; border-width:10px; border-style:ridge; ' ``[[attached(１)]]|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○「border-style:inset;」の場合（右・下の光から、左・上の影まで入れる）。 【例文】 ||<#999999' style=' color:white; border-color:blue; border-width:10px; border-style:inset; ' ``●枠線の形式|| ||<#999999' style=' padding:0px; border-color:blue; border-width:10px; border-style:inset; ' ``[[attached(１)]]|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○「border-style:outset;」の場合（左・上の光から、右・下の影まで入れる）。 【例文】 ||<#999999' style=' color:white; border-color:blue; border-width:10px; border-style:outset; ' ``●枠線の形式|| ||<#999999' style=' padding:0px; border-color:blue; border-width:10px; border-style:outset; ' ``[[attached(１)]]|| −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 以上です m(_ _)m
|
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
こうすると豪華に見えるね。ふむふむ… これも活用します！！
2006/4/19(水) 午前 0:30 [ *** ]
これまたステキ♪勉強してやってみます。できるかな？^^;
2006/4/19(水) 午前 0:46
難しそうですね。タグのコピーはしましたが、できるかしら？
2006/4/19(水) 午前 11:24 [ Sonohi ]
びーにぃさん、いつも凄いですね〜♪ 今度また使わせてもらいます。
2006/4/20(木) 午前 11:36
びーにぃさんの勉強ぶりには、いつも驚かされます♪ 今度、トラバで使わせてください！WIKI法の書庫を早く整理しないとなぁ。。
2006/4/21(金) 午後 2:18 [ あだむ ]
さすが びーにぃさん 判りやすいよね〜〜〜
2006/4/21(金) 午後 2:56
さりげなく、記事の前半でボケているぴーにぃさんが好きです〜〜♡
2006/4/22(土) 午前 3:07
わたしにもできるかなぁ〜〜（＞＜）
2006/4/22(土) 午前 8:04 [ ゆき ]
●桜子さん＞ 色を変えて、額縁のような感じで画像を作ると綺麗になります！ 活用してくださいね〜 (^_^)v
2006/4/22(土) 午後 1:04
●ピーチ姫さん＞ 出来ない事があれば、聞きに来てくださいね！ よろしくです〜 (^_^)v
2006/4/22(土) 午後 1:04
●その日さん＞ 行末に「改行」してしまうと、ただの「文字列の羅列」になってしまいます。ですので、行末の「改行」を消して、次の行に繋いでくださいね！ よろしくです〜 (^_-)r
2006/4/22(土) 午後 1:05
●飛鳥さん＞ 額縁の中に画像をはめ込むような感じでしょ！ ちょっと格好良いかも〜！ (^_^)v
2006/4/22(土) 午後 1:06
●あだむさん＞ トラバ、どうぞ！ 書庫の整理、頑張ってくださいね〜 ＼(^o^)／
2006/4/22(土) 午後 1:07
●しんじろうさん＞ ありがとうです！ 自分の日記は、多分やらないと思うけど、みんなが出来ない事があったら助けてあげたいと思っています。私のブログは、そういうブログなんですよ〜 ＼(^o^)／
2006/4/22(土) 午後 1:07
●UOOさん＞ 「Yahoo! JAPAN」のアバターと「Yahoo.com」のアバターは、かなり違うと思います。日本人とアメリカ人の違い、ですね！ (^_^ゞ
2006/4/22(土) 午後 1:07
●ユキさん＞ 行末で改行すると、文字列の羅列になってしまうので、次の文字列まで繋いでくださいね！ よろしくです〜 (^_-)r
2006/4/22(土) 午後 1:08
これも コピーさせて戴きます m(＿ ＿)m ポッチ
2006/12/26(火) 午後 7:31
●オカン＞ 立体の「border」は、とても格好良いでしょ！ それを入れると、何だか額縁みたいになりますよ〜 (^_-)-☆
2006/12/28(木) 午後 1:34