GotoKnow
  • เข้าระบบ
  • สมัครสมาชิก
  • แผงจัดการ
  • ออกจากระบบ
GotoKnow

การใส่รูปพื้นหลังด้วย CSS

วันนี้ได้เรียนรู้เรื่องของ css อย่างจริงจัง เนื่องจากอาทิตย์ที่ผ่านมา ดิฉันต้องยุ่งเรื่องของกีฬา 13 คณะ และเรื่องของนักกีฬามหาวิทยาลัยจึงยังไม่ได้เริ่มทำอย่างจริงๆจังๆซักที คราวนี้ ลองมำทำกันดูนะคะ แล้วจะรู้ว่าการทำหรือเรียนรู้เรื่องcss สนุกมากๆ เลย เพลินดีอ่ะ

เริ่มเลยละกันนะ

1. เราก็จัดทำหรือตกแต่งรูปใน Photoshop ตามที่ตัวเองต้องการ ในที่นี้เราทำเป็นรูปเมฆอันเล็กๆ ขนาดก็10 *10 pixel อ่ะ

2. พอได้แล้วก็นำรูป upload ขึ้น ใน ไฟล์อัลบั้มนะ

3. แล้วก็ใส code ข้างล่างนี้นะลงใน ช่อง css ที่ตกแต่งเอง มีไว้เฉพาะผู้ที่มีความชำนาญ นะ

          นอกจากนี้นะ จะสังเกตได้ว่า หน้าตาของ Blog เปลี่ยนไป ลองสังเกตดูดีๆนะ

 div#container {width: 810px;}

div#content2 {float: right; width: 579px;}

div#sidebar2 {float: left; width: 221px;}

body{ background: #ffffff;background-image:

url("/file/phattiya_19/clound.jpg");background-repeat: repeat;}

ลองทำกันดูนะ ยังงัยก็เข้าไปดูตัวอย่างได้นะ ที่นี่เลย เริ่มต้นการเรียนเรื่องcss

บันทึกนี้เขียนที่ GotoKnow โดย 

หมายเลขบันทึก: 59293
เขียน:
แก้ไข:
ความเห็น: 3
อ่าน:
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ

ความเห็น (3)

ทำดีแล้ว สู้ๆ นะ

สู้ๆเหมือนกันค่ะ จะเป็นกำลังใจให้นะคะ

ดีคับ ขอรบกวนหน่อยดิ คือเราอยากถามว่าไอ้โค๊ดพวกนี้ไปเอามาจากไหนหรือ ช่วยแนะนำเราหน่อยดิคือเรามือใหม่อ่ะนะ อยากทำเป็นมั่งคงหนุกดี ยังไงก็ขอบคุณล่วงหน้าเลยละกันนะ