รูปแบบการใช้งาน 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 »

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) Viewed 1829 times

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

<style type="text/css">
<!--
body {
	background-image: url(file:///G|/No.2/check6b-03.gif);
}
-->
</style></head>
bg1.jpg
bg1.jpg (87.51 KiB) Viewed 1829 times
konseo
PHP Super Member
PHP Super Member
โพสต์: 245
ลงทะเบียนเมื่อ: 12/02/2011 12:34 am
ที่อยู่: https://page.line.me/oer1981h
ติดต่อ:

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

โพสต์ที่ยังไม่ได้อ่าน โดย konseo »

background-position
บางทีผมยังงงๆ อยู่เลยครับ ห้าๆ
ปวดหัวกับการจัดตำแหน่ง
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 70