Code กล่องใส่ข้อความ

Posted by : KyomukoFs วันพุธที่ 9 พฤศจิกายน พ.ศ. 2559

Tag :// Code

1.แบบสีเดียวทั้งกล่อง

นี่งัยยยยยย


<center><div style="background-color:#โค้ดสี">

ข้อความ</div></center>

2.กล่องแบบเส้นเดียว

เฮ้-------


<center><div style="border:ความหนาpx solid #โค้ดสี">


ข้อความ</div></center>
* เปลี่ยนตัวหนังสือ สีแดงเป็น  dashed เพื่อทำให้เป็นเส้นประ *

3.เรืองแสง

ฟอ้วววววววววววววววววว


<center><div style="-moz-box-shadow: 1px 1px 3px 2px #โค้ดสี;
  -webkit-box-shadow: 1px 1px 3px 2px #โค้ดสี;
  box-shadow:         1px 1px 3px 2px #โค้ดสี;">
ข้อความ</div></center>

4.ใส่ตามใจ เลื่อนได้

ใส่เลยๆ อิอิย์

* เปลี่ยนตัวหนังสือ สีแดงเป็น dashed เพื่อทำให้เป็นเส้นประ *

5.จุด จุด สองชั้น

พิมโล้ด อิอิ

<table width=90% style="border:2px dotted ชื่อสีชั้นนอก;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted ชื่อสีชั้นใน;"><font size="1">ข้อความ</td></tr></table> * ดูได้จาก http://www.color-hex.com/color-names.html *

6.มาเป็นกรอบเลย

นี่โลยยยย

<center> <table cellpadding="4" cellspacing="0" style="border: 5px double ชื่อสี; text-align: center;"><tbody> <tr><td style="border: double 5px ชื่อสี;">ข้อความ</td></tr> </tbody></table> </center>
Update Coming soon...