○「border」プロパティで、４辺の枠線を見る事は出来ました。
今回、４辺の枠線に太さと色を、個々の上下に入れる方法を紹介します。
※ここの中でテキストを「コピー」して、貴方の記事で「ペースト」すれば、簡単に作れます。
※但し、途中のテキストに行末が改行されてしまうので、必ず途中の改行を削除してください。
○上側の「border-top-width」と「border-top-color」、
下側の「border-bottom-width」と「border-bottom-color」を入れる。
※「border」プロパティのスタイル（style）を、８種類入れました。
【例文】
||<#00aacc' style=' border-top-width:20px; border-top-color:blue; border-bottom-width:
10px; border-bottom-color:red; border-style:solid; padding:20px; width:560px; height:
40px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-top-width:20px; border-top-color:blue; border-bottom-width:
10px; border-bottom-color:red; border-style:double; padding:20px; width:560px; height:
40px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-top-width:20px; border-top-color:blue; border-bottom-width:
10px; border-bottom-color:red; border-style:dashed; padding:20px; width:560px; height:
40px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-top-width:20px; border-top-color:blue; border-bottom-width:
10px; border-bottom-color:red; border-style:dotted; padding:20px; width:560px; height:
40px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-top-width:20px; border-top-color:blue; border-bottom-width:
10px; border-bottom-color:red; border-style:groove; padding:20px; width:560px; height:
40px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-top-width:20px; border-top-color:blue; border-bottom-width:
10px; border-bottom-color:red; border-style:ridge; padding:20px; width:560px; height:
40px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-top-width:20px; border-top-color:blue; border-bottom-width:
10px; border-bottom-color:red; border-style:inset; padding:20px; width:560px; height:
40px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
||<#00aacc' style=' border-top-width:20px; border-top-color:blue; border-bottom-width:
10px; border-bottom-color:red; border-style:outset; padding:20px; width:560px; height:
40px; font-size:20px; color:white; text-align:center;' ````【びーにぃ】の Wiki 後略本！||
【実際】
| 【記事作成 ＞ びーにぃc http：//blogs.yahoo.co.jp/bea_nies 】 |
|
使わせてください！(^_-)-☆
2006/8/9(水) 午前 11:56 [ tannko ]
●タンコさん＞ ゆっくり楽しんでくださいね！ もし分からない事があったら、質問してくださいね。(^_-)r
2006/8/11(金) 午後 2:02
上下も、左右もおもしろいです。いろいろあって、どれを使おうかまようなあ・・・。(^_^;)
2006/8/13(日) 午前 5:22
●エルマさん＞ 迷うのも、また楽しいと思います！ 色々試してくださいね〜 (^_^)v
2006/8/13(日) 午後 2:02
こんばんは＾＾ちょーど知りたかったことなので助かります<(＿ ＿)>早速チャレンジしてみます。
2006/8/20(日) 午後 9:55
●ブクさん＞ 見てくれて、嬉しいです！ 記事を頑張って書いてくださいね！ ＼(^o^)／
2006/8/22(火) 午前 10:58
やった〜〜(^-^)v、、練習成功しましたヨ！！、、嬉しくて、【トラックバック】させて頂きました〜〜♪♪
2006/9/4(月) 午後 9:17
●びぃ吉さん＞ トラバ、ありがとう！ ちゃんと出来て、素晴らしいです〜 (^_-)r
2006/9/5(火) 午後 6:36
これも １つコピーさせて戴きました m(＿ ＿)m ポッチ
2006/12/26(火) 午後 7:04
●オカン＞ 「border」のやり方はとてもたくさんあって、色々錯誤して格好良い記事になると思います。ゆっくり楽しんでくださいね！ (^_^)v
2006/12/28(木) 午後 1:25