ใส่ภาพพื้นหลังทั้งอัน
<style>body{background-color: #FFCCFF;{background-image:url("http://ของรูป"); background-position: center top; background-repeat: repeat; background-attachment: fixed;}</style>
คำอธิบาย
background-color: code สีที่จะใส่ สีจะมองไม่เห็นถ้าใส่ bg
background-image:url("http:// ของภาพที่จะนำมาลง")
background-position: center top ตำแหน่งที่จะวางbg ในตัวอย่างคือ ด้านบนตรงกลาง ตำแหน่งที่เลือกได้คือ top center bottom
background-repeat: repeat = ทำซ้ำ bg,ถ้าไม่ต้องการซ้ำใส่ none
background-attachment: fixed ล๊อก bg ไม่ให้เคลื่อนที่ ถ้าต้องการให้เลื่อนไปเรื่อย ๆ ใส่ scoll
ใส่ BG พร้อม table เหมาะสำหรับใส่ภาพเข้าไปละพิมพ์ข้อความ
<TABLE style="WIDTH: 223px; HEIGHT: 276px" borderColor= #FFFF66 cellSpacing=0 cellPadding=2 align=center background= http://ของรูป border=1><TBODY><TR> <TD align=center align=middle> <P><FONT color=#000000>Text Hereพิมพ์ตรงนี้นะคะ</FONT></P> </TD></TR></TBODY></TABLE>
คำอธิบาย
WIDTH / HEIGHTขนาดของภาพ เป็น พิกเซล
- หรือจะใส่เป็น%ก็ได้เช่น WIDTH: 100%
หมายความว่าขนาดกว้าง 100% ของขนาดบลอค ก็คือ กว้างเท่าขนาดบลอคนั่นเอง
cellPadding=3 ระยะห่างระหว่าง ขอบ กะ ข้อความ
Url ของภาพที่จะนำมาทำเป็น แบคกราว
borderColor สีขอบ เปลี่ยนได้ ดูโค้ดสีได้จากลิ้ง ทางซ้าย
border ขอบของภาพ ใส่เลขเยอะ จะหนาขึ้น ถ้าจะไม่เอาขอบให้ใส่ค่า =0
align การจัดตำแหน่งของข้อความ ชิดขอบบน =top /จัดกลาง =center / ชิดขอบล่าง =bottom
FONT color สีตัวอักษร
ไม่มีความคิดเห็น:
แสดงความคิดเห็น