,
＊＊＊＊＊＊＊＊＊
＊＊＊＊＊＊＊＊：
＊＊＊＊＊＊＊＊＊
div タグ
テキスト内容
overflow:scroll;
width:350px;
height:200px;
border-width:10px;
border-color:#990000;
center タグ
overflow:auto;
width:350px;
height:200px;
border-width:15px;
border-color:#009999;
border-style:dotted;
background-color:#ffcccc;
font-size:15pt;
padding:5px;
背景に枠線をいれてみましょう
枠線の種類・ringe（線が浮き上がったように見える枠線）
枠線の色・上は red 右は yellow 下はgreen 左はblue
枠線の太さ・10px
枠線の種類は、
「 none 」・枠線を表示しない（デフォルト）
「 hidden 」・枠線を表示しない
「 dotted 」・点線
「 dashed 」・破線
「 solid 」・実線
「 double 」・二重線
「 groove 」・線がへこんだように見える枠線
「 ridge 」・ 線が浮き上がったように見える枠線
「 inset 」・ 線より内側がへこんだように見える枠線
「 outset 」・線より内側が浮き上がったように見える枠線
fixed no-repeat left top///画像を左上
風邪を引いて調子が悪いです。
。
かずさかさん
のページを参考にさせていただきました。
そのほか立体的な効果
くぼみ くぼみわく
うきあがり うきあがりわく
インセット
アウトセット
実践・・・ 実線で囲まれています
点線・・・ 破線で囲まれています
点線…… 点線で囲まれています
二重線・・・ 二重線で囲まれています
テーブルを作ろう
文字
こんな感じです！
テーブルを変化させるには、
文字
枠の太さ、幅、高さには、それぞれ指定する長さを数字で入力してください。数字%でもOKです！
こんな感じになります
太さ=5 幅=30% 高さ=70
テーブルを増やすには、
| 文字1 | 文字2 | 文字3 |
＜TD＞文字＜/TD＞を増やせばいくらでも増えます
左側 真ん中 右側
テーブルの行を増やすには、
| 一行目文字1 | 一行目文字2 |
|---|---|
| 二行目文字1 | 二行目文字2 |
＜TR＞～＜/TR＞を増やせば何行にでもなるよ！
こんな感じに なります
テーブルに色を付けよう
＜TABLE BORDER=枠の太さ bgcolor=背景色 bordercolor=左・上の淡い色 bordercolordark=右・下の濃い色(影の部分）＞＜TD＞文字＜/TD＞＜/TABLE＞
色はカラーコードか色の名前 枠の太さは1以上にしてください。
こんな感じになります。
© Rakuten Group, Inc.
