Bloggang.com : panad : Code_การใส่รูปในพื้นหลังของตาราง (BG)

Code_การใส่รูปในพื้นหลังของตาราง (BG)

คำสั่ง background:none url(//.....);

เวลาใส่คำสั่งให้ใช้รูป
<table style="border: ....; background:none url(//.....);">
<tr><td>
ข้อความ
</td></tr>
</table>

ตัวอย่าง
------------------------------------------------------
<table style="border: 1 #CC0066 solid; background:none url(//i11.photobucket.com/albums/a171/merrymod/bgsetn1.jpg);" Cellpadding =20>
<tr><td>
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td></tr></table>
------------------------------------------------------

TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT

*******************

Cellpadding = ระยะห่างจากขอบของ cell ถึงข้อความในตาราง
Cellspacing = ระยะห่างจากเส้นขอบของตาราง และ เส้นขอบของ cell

เวลาใส่ให้ใส่ต่อจาก style=""
<Table style="" Cellpadding = ?? Cellspacing = ??>

ตัวอย่าง
**Cellspacing = 0 Cellpadding =20 กรณีให้ แต่ละ cell มีขอบด้วย

------------------------------------------------------
<table style="border: 1 #CC0066 solid; background:none url(//i11.photobucket.com/albums/a171/merrymod/bgsetn1.jpg);" Cellspacing = 0 Cellpadding =20>
<tr><td style="border: black solid 0.5pt;">
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td></tr><tr>
<td style="border: black solid 0.5pt;">
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td ></tr></table>
------------------------------------------------------

TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT

**Cellspacing = 10 Cellpadding =20 กรณีให้ แต่ละ cell มีขอบด้วย

------------------------------------------------------
<table style="border: 1 #CC0066 solid; background:none url(//i11.photobucket.com/albums/a171/merrymod/bgsetn1.jpg);" Cellspacing = 10 Cellpadding =20>
<tr><td style="border: black solid 0.5pt;">
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td></tr><tr>
<td style="border: black solid 0.5pt;">
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
</td ></tr></table>
------------------------------------------------------

TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT
TTTTTTTTTTTTTTTTTTTTTTTT

**ใน "...." คำสั่ง ใช้ : และ ปิดด้วย ;
**แต่นอก "...." ใช้ = และไม่ต้องปิด ใช้ในการกำหนดค่าต่าง
เช่น ความกว้าง width / ความยาว height

อ้างอิงจาก กรอบโทนสีชมพู จากบล็อกของป้ามด

Create Date : 19 มิถุนายน 2550

Last Update : 19 มิถุนายน 2550 15:34:32 น.

14 comments

Counter : 5385 Pageviews.

goodpeople มาเยี่ยมยามบ่ายคะ

โดย: goodpeople

วันที่: 19 มิถุนายน 2550 เวลา:16:23:12 น.

ขอบคุณค่ะ

โดย: AM NUCH

วันที่: 19 มิถุนายน 2550 เวลา:18:02:33 น.

แวะมาเยี่ยมค่ะ
แต่ยังงงๆอยู่ว่าใช้ยังไง

โดย: Karaked (Pixie@LA

) วันที่: 19 มิถุนายน 2550 เวลา:21:50:07 น.

ขอบคุณมากๆเลยนะคะ ....

โดย: Htervo

วันที่: 19 มิถุนายน 2550 เวลา:23:08:48 น.

^.^ ขอบคุณคร่า จาลองไปทำดูน้า

โดย: กุ๊กกิ

วันที่: 20 มิถุนายน 2550 เวลา:15:18:19 น.

สวยดีค่ะ

โดย: aymaze

วันที่: 20 มิถุนายน 2550 เวลา:20:33:31 น.

มาขอไปใช้ค่ะ

ชอบคุณมากนะคะ

ขอ ad blog ด้วยค่ะ

โห...งกเนอะ...

โดย: ไฟตะเกียง

วันที่: 22 มิถุนายน 2550 เวลา:23:41:21 น.

ขอบคุณค่ะ จะนำไปใช้ค่ะ

โดย: piggyboy

วันที่: 26 มิถุนายน 2550 เวลา:14:46:09 น.

อยากได้วิธีทำภาพ slide น่ะค่ะ รบกวน
ช่วยบอกหน่อยได้มั้ยคะ ที่ pimlaad.w@hotmail.com
ขอบคุณมากค่ะ

โดย: นิด (pimladda

) วันที่: 23 กรกฎาคม 2550 เวลา:7:23:45 น.

ดีค่า ส่งเมลไปให้แล้วแต่มันตีกลับอะคะ
ภาพ slide หมายถึงอันที่อยู่ด้านข้างนี่ปะคะ

ลองเข้าเวบนี้นะ //www.slide.com
ลองสมัครดูนะคะ (ฟรีค่า) แล้วเอารูปใส่ทำตามวิธีที่เค้าบอก พอใส่เสร็จ มันจะมี Code ในช่อง Embed จากนั้นก็ เอาโค้ดมาวางในบล็อก ก็เป็นอันเรียบร้อยค่า

อันนี้ลูกเล่นเยอะดี น่าสนใจกว่า //www.picturetrail.com/photoFlick/samples/pflicks.shtml

โดย: panad IP: 125.24.20.149 วันที่: 25 กรกฎาคม 2550 เวลา:11:21:49 น.

อยากเรียนภาษาอังกฤษกับ chirs ค่ะ

โดย: mimi IP: 124.121.137.134 วันที่: 22 กันยายน 2550 เวลา:21:48:25 น.

ขอบคุณนะจ้าพี่ออย เดี๋ยวจะมารบกวนบ่อยๆ คริๆๆ

โดย: jackjah

วันที่: 18 สิงหาคม 2551 เวลา:2:02:03 น.

ใส่แล้วทำไมรูปไม่ขึ้นครับ...
ผมอยากใส่แบล็กกราวในตารางมากกว่าใส่ขอบครับ
ช่วยแนะนำด้วยครับ..ขอบคุณมากครับ

โดย: คุณพ่อภัคค์

วันที่: 17 มิถุนายน 2554 เวลา:18:30:03 น.

ขอบคุณนะจ้า

โดย: mai IP: 27.55.174.201 วันที่: 13 ธันวาคม 2556 เวลา:18:47:38 น.