Css Background,จัดการพื้นหลังด้วย Css

การใส่สีให้พื้นหลังด้วย Css                                        

    background-color:สี;                

    **สามารถใช้กับคำสั่ง body,p,h1-h6,div,span เป็นต้น

ตัวอย่าง

Code Css

Code Html

 ** ในส่วนการใช้งาน Css สามารถเลือกใช้ได้ทั้ง Class และid โดย1คำสั่งไม่สามารถใส่หลายคลาสได้ แต่สามารถใส่ได้ทั้ง Class และid จึงเป็นเหตุผลที่ให้เลือกใช้ได้ทั้ง Class และ idใน Css

การแสดงผล

 การใส่รูปให้พื้นหลังด้วยCss
    background-image:url("ชื่อรูปภาพ");
    
การจัดตำแหน่ง และการกำหนดลักษณะต่างๆ       
           การวนภาพซ้ำ
              background-repeat:ให้เลือก;
              ** ฟังก์ชันที่มีให้เลือก   no-repeat   คือ ไม่ต้องการใส่ภาพซ้ำ
                                                    repeat        คือ ใส่ภาพซ้ำจนเต็มจอ
                                                    repeat-x     คือ ใส่ภาพซ้ำแกน x หรือแนวนอน
                                                    repeat-y     คือ ใส่ภาพซ้ำแกน y หรือแนวตั้ง

          การจัดตำแหน่ง
             background-position:ตำแหน่ง;
             **ตำแหน่งที่ให้เลือก     center  คือ ตรงกลาง
                                                   right     คือ ทางขวา
                                                   left       คือ ทางซ้าย

ตัวอย่าง

Code Css 

Code Html

การแสดงผล 

การจัดการขนาดของรูปภาพพื้นหลังด้วย Css
  background-size: 350px 350px;