code กรอบข้อความ

กรอบข้อความแบบต่างๆ ส่วนที่ต้องทำการแก้ไข ความหนาของกรอบ ---> 2px ชนิดของกรอบ ---> dotted, dashed,solid, groove, ridge, inset, outset, double สีของกรอบ --->เปลี่ยนตามใจชอบ กรอบชั้นเดียว <div style="border: 3px dashed #f08080;background-color:#FFFFE0">เขียนตรงนี้</div> กรอบแบบจุด <table cellpadding="5" style="border:1px solid lightpink;" width="400"><tr><td style="border:4px dotted hotpink; background-color=white">ใส่ข้อความที่นี่</td></tr></table> กรอบแบบจุด <table cellpadding="5" style="border:1px solid Orchid ;" width="400"><tr><td style="border:4px dotted Purple ; background-color=white">ใส่ข้อความที่นี่</td></tr></table> กรอบเส้นสองชั้น <table style="border:double 4px #ffcccc;padding:3px" width=400><tbody><tr><td align="center" valign="middle" style="border:4px double #ffcccc;padding:10px">ข้อความตรงนี้ </td></tr></tbody></table> กรอบเส้นสองชั้น <table style="border:double 4px #87CEEB ;padding:3px" width=400><tbody><tr><td align="center" valign="middle" style="border:4px double #87CEEB ;padding:10px">ข้อความตรงนี้ </td></tr></tbody></table> กรอบเหลียมแบบที่ 1 <table border="0" cellspacing="0" cellpadding="0" style="border: 8px double #ffcccc" width=450> <tbody> <tr><td align="center" valign="middle" style="border: 5px dashed #ffcccc">ข้อความ </td></tr></tbody></table> กรอบเหลียมแบบที่ 2 <table border="0" cellspacing="0" cellpadding="0" style="border: 8px solid #ffcccc" width=450><tbody><tr><td align="center" valign="middle" style="border: 8px dotted #ffcccc"> ข้อความ</td></tr></tbody></table> กรอบสีหวาน <table style="border:1px dashed #FF34B3; background-color: #FF34B3" cellspacing="3" cellpadding="3" width="400"><tr><td><table style="border:1px dashed #FF82AB ; background-color: #FF82AB " cellspacing="5" cellpadding="3" width="400"><tr><td style="background-color: #ffffff">ใส่ข้อความที่นี่ </td></tr></table></td></tr></table> กรอบสีหวาน <table style="border:1px dashed #CD00CD ; background-color: #CD00CD " cellspacing="3" cellpadding="3" width="400"><tr><td> <table style="border:1px dashed #E066FF ; background-color: #E066FF " cellspacing="5" cellpadding="3" width="400"><tr><td style="background-color: #ffffff">ใส่ข้อความที่นี่ </td></tr></table></td></tr></table> กรอบสีหวาน <table border="0" cellspacing="0" cellpadding="0" style="border: 3px double #3CB371" width=400><tbody><tr><td align="center" valign="middle" style="border:3px dotted #3CB371"><table border="0" cellspacing="0" cellpadding="0" width=400 style="border: 3px double #3CB371"><tbody><tr><td> ใส่ข้อความที่นี่ </td></tr></tbody></table></td></tr></tbody></table> กรอบสีหวาน <table border="0" cellspacing="0" cellpadding="0" style="border: 3px double #add8e6" width=400><tbody><tr><td align="center" valign="middle" style="border:3px dotted #add8e6"><table border="0" cellspacing="0" cellpadding="0" width=400 style="border: 3px double #add8e6"><tbody><tr><td>ข้อความตรงนี้จ้า </td></tr></tbody></table></td></tr></tbody></table> กรอบสีหวาน <table cellspacing="8" cellpadding="8" style=" border:2px DASHED #FF7DBE;background-color: #FF7DBE" width=470><tbody><tr><td align="center" valign="middle" style="background-color: #FF9DCE"><table border="0" cellspacing="8" cellpadding="8" width=470 style=" background-color: #FFBFDF"><tbody><tr><td align="center" style=" border:2px DASHED #FFDFEF;background-color: #FFDFEF"><font size=2>เขียนข้อความ </td></tr></tbody></table></td></tr></tbody></table> กรอบสีหวาน <table cellspacing="8" cellpadding="8" style=" border:2px DASHED #8ABB39;background-color: #8ABB39" width=470><tbody><tr><td align="center" valign="middle" style="background-color: #A2CD5A"><table border="0" cellspacing="8" cellpadding="8" width=470 style=" background-color: #BCEE68"><tbody><tr><td align="center" style=" border:2px DASHED #CAFF70;background-color: #CAFF70"><font size=2>เขียนข้อความ </td></tr></tbody></table></td></tr></tbody></table> กรอบสีหวาน <table cellspacing="8" cellpadding="8" style=" border:2px DASHED #62A2A2;background-color: #62A2A2" width=470><tbody><tr><td align="center" valign="middle" style="background-color: #7BB0B0"><table border="0" cellspacing="8" cellpadding="8" width=470 style=" background-color: #95BFBF"><tbody><tr><td align="center" style=" border:2px DASHED #B8D3D3;background-color: #B8D3D3"><font size=2>เขียนข้อความ </td></tr></tbody></table></td></tr></tbody></table> กรอบสวยงาม <table style="background-color: #87CEFA " cellspacing=7 cellpadding=7 width=400><tbody><tr><td style="border-right:4px solid;border-top:4px solid;border-left:4px solid;border-bottom:4px solid">พิมพ์ข้อความตรงนี้ </td></tr></tbody></table> กรอบสวยงาม <table style="background-color: #AB82FF " cellspacing=7 cellpadding=7 width=400><tbody><tr><td style="border-right:4px solid;border-top:4px solid;border-left:4px solid;border-bottom:4px solid">พิมพ์ข้อความตรงนี้ </td></tr></tbody></table> กรอบสวยงาม <table><tbody><tr><td><div style="border:3px double #528B8B ;background: #97FFFF "> <div style="border-left:7px solid #fff;border-right:7px solid #fff;background: #97FFFF ;margin:0px 5px"><div style="background:#fffff;margin:0px 5px"> <table><tbody><tr><td><div style="font-size:12px; width:350; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px">ข้อความพิมพ์ตรงนี้ </font></div></td></tr></tbody></table></div></div></div></td></tr></tbody></table> กรอบสวยงาม <table><tbody><tr><td><div style="border:3px double #BDB76B ;background: #EEE8AA "> <div style="border-left:7px solid #fff;border-right:7px solid #fff;background: #EEE8AA ;margin:0px 5px"><div style="background:#fffff;margin:0px5px"> <table><tbody><tr><td><div style="font-size:12px; width:350; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px">ข้อความพิมพ์ตรงนี้ </font></div></td></tr></tbody></table></div></div></div></td></tr></tbody></table> ใช้รูปเป็นกรอบ <table border="0" cellspacing="5" cellpadding="5" width="100%" align="center" style="background-image: url'ใส่..//..gillter')"><tbody><tr>< td align="center" valign="top" style="background-color: #eeeee2"> ข้อความ </td></tr></tbody></table> ใช้รูปเป็นกรอบซ้อนกัน 2 รูป <table border="0" cellspacing="5" cellpadding="5" width="100%" style="background-image: url(' รูป ที่จะใช้เป็นกรอบ ')"><tbody><tr><td align="center" valign="middle" style="background-color: โค้ดสี"> <table border="0" cellspacing="5" cellpadding="10" width="100%" style="background-image: url(' รูป ที่จะใช้เป็นกรอบ ')"><tbody><tr><td align="center" valign="middle" style="background-color: โค้ดสี"> ข้อความ</td></tr></tbody></table></td></tr></tbody></table> กรอบข้อความเลื่อน(ตัวอย่างกรอบข้างล่าง) <DIV> <DIV style="SCROLLBAR-FACE-COLOR:#FFFFFF; OVERFLOW-X: scroll; SCROLLBAR-HIGHLIGHT-COLOR:#FA8072; OVERFLOW: scroll; WIDTH: 250px; SCROLLBAR-SHADOW-COLOR:#FA8072; SCROLLBAR-3DLIGHT-COLOR:#FA8072; SCROLLBAR-ARROW-COLOR:#FA8072; SCROLLBAR-DARKSHADOW-COLOR:#FA8072; HEIGHT: 200px"> <p align = center><FONT size=2><FONT face=Tahoma color = #483D8B> ใส่ข้อความทีนี่</p></align></font></font> </div></div> กรอบข้อความเลื่อน มีกรอบ Title <fieldset style="width: 250px; height: 200px; border:3px solid #00BFFF; padding:0;"> <legend align="center"><font color="#FF0000" <<font size=5>Title</font></font></legend> <div style="scrollbar-face-color:#00BFFF; overfolw-x: scroll; scrollbar-highlight-color:#FFFFFF; overflow: scroll; width: 250px; scrollbar-shadow-color:#FFFFFF; scrollbar-3dlight-color:#00BFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color:#00BFFF; scrollbar-track-color:#FFFFFF; height: 100px"> <font color="#FF0000"> <p align="center"><font size=2>ใส่ข้อความที่นี่</p></font></font> </div></fieldset>

Create Date : 12 พฤศจิกายน 2550		4 comments
Last Update : 23 สิงหาคม 2560 4:06:35 น.
Counter : 21825 Pageviews.
Share Tweet