รูปแบบการใช้งาน CSS คำสั่ง Background

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
boo_kyoshii
PHP Super Member
PHP Super Member
โพสต์: 343
ลงทะเบียนเมื่อ: 02/08/2013 10:08 am

รูปแบบการใช้งาน CSS คำสั่ง Background

โพสต์โดย boo_kyoshii » 23/08/2013 5:51 pm

Background = พื้นหลัง

background-attachment ---> ใช้กำหนดว่าต้องการให้ภาพพื้นหลังนั้นอยู่กับที่ หรือว่าเลื่อนไปตาม Scroll Bar ใช้คำสั่ง fixed , scroll

background-color ---> ใช้กำหนดทั้งสี พื้นหลังของเว็บเพจ หรือ ตาราง ใช้คำสั่ง color-.......ตามด้วย ชื่อของสี red หรือ โค้ดสี #000099

background-image ---> ใช้กำหนดรูปภาพ ให้พื้นหลังของเว็บเพจ หรือตาราง ใช้คำสั่ง url ของรูป เช่น url(images/bg.jpg)

background-position ---> ใช้กำหนดตำแหน่งการจัดวางรูปภาพพื้นหลัง ใช้คำสั่ง top left , top center , top right , center left , center center , center right , bottom left , bottom center , bottom right , x% y% , xpos ypos

background-repeat ---> กำหนดรูปภาพพื้นหลังว่าต้องการให้มีการเรียงต่อรูปภาพหรือไม่ ใช้คำสั่ง repeat , repeat-x , repeat-y , no-repeat

โค้ด: เลือกทั้งหมด

<style type="text/css">
<!--
body {
   background-color: #FFCCFF;
}
-->
</style>
bg.jpg
bg.jpg (33.1 KiB) เปิดดู 947 ครั้ง

โค้ด: เลือกทั้งหมด

<style type="text/css">
<!--
body {
   background-image: url(file:///G|/No.2/check6b-03.gif);
}
-->
</style></head>
bg1.jpg
bg1.jpg (87.51 KiB) เปิดดู 947 ครั้ง

konseo
PHP Super Member
PHP Super Member
โพสต์: 245
ลงทะเบียนเมื่อ: 12/02/2011 12:34 am
ติดต่อ:

Re: รูปแบบการใช้งาน CSS คำสั่ง Background

โพสต์โดย konseo » 27/08/2013 9:29 am

background-position
บางทีผมยังงงๆ อยู่เลยครับ ห้าๆ
ปวดหัวกับการจัดตำแหน่ง


  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 8 และ บุคคลทั่วไป 0 ท่าน