การกำหนดสีพื้นหลังให้กับ Web Site
การกำหนดสีให้ website ทำได้โดยใส่ style ที่ tag body
เช่น
<body style="background-color:red">
...
</body
ซึ่งในตัวอย่างเราจะกำหนดเป็นสีแดง (สามารถใช้ name หรือ code ของสีก็ได้)
แต่ถ้าจะให้ดูดีตามยุคสมัยเราก็จะแยกออกเป็น เป็น file.css เช่น site.css โดยเนื้อให้ใน file นี้ก็เหมือนกับข้างบนคือกำหนด style ให้ tag body ดังตัวอย่างต่อไปนี้
body
{
background-color:red;
}
จบ แต่ ไม่จบ ไอ้ browser Google Chrome จะแสดงสีขาวต่อท้ายมาส่วนข้างล่างในกรณีที่ เนื้อหาไม่เต็ม 1 หน้าจอ
เพราะว่าใร html เราจะเรียง tag ตามนี้ คือ
<html>
<head>
....
</head>
<body>
....
</body>
</html>
ซึ่งถ้ามองดี ๆ จะเห็นว่า body จะเป็น child element ของ html (หรือ body มี parent เป็น html) และถ้า content ใน body มันไม่เต็มหน้าที่เหลือก็คือ html ซึงมันยังไม่ได้กำหนดสี background นั้นเอง
ท่าน Chrome ของเรา Doctor เลยทีเดียวเสือกเป็นแบบนี้ เจ้าอื่นไม่เป็น
ทางแก้ก็คือกำหนดสีให้ html ไปด้วยเลย โดยเขียน css แบบนี้
html, body
{
background-color:red;
}
จบข่าววันนี้
เช่น
<body style="background-color:red">
...
</body
ซึ่งในตัวอย่างเราจะกำหนดเป็นสีแดง (สามารถใช้ name หรือ code ของสีก็ได้)
แต่ถ้าจะให้ดูดีตามยุคสมัยเราก็จะแยกออกเป็น เป็น file.css เช่น site.css โดยเนื้อให้ใน file นี้ก็เหมือนกับข้างบนคือกำหนด style ให้ tag body ดังตัวอย่างต่อไปนี้
body
{
background-color:red;
}
จบ แต่ ไม่จบ ไอ้ browser Google Chrome จะแสดงสีขาวต่อท้ายมาส่วนข้างล่างในกรณีที่ เนื้อหาไม่เต็ม 1 หน้าจอ
เพราะว่าใร html เราจะเรียง tag ตามนี้ คือ
<html>
<head>
....
</head>
<body>
....
</body>
</html>
ซึ่งถ้ามองดี ๆ จะเห็นว่า body จะเป็น child element ของ html (หรือ body มี parent เป็น html) และถ้า content ใน body มันไม่เต็มหน้าที่เหลือก็คือ html ซึงมันยังไม่ได้กำหนดสี background นั้นเอง
ท่าน Chrome ของเรา Doctor เลยทีเดียวเสือกเป็นแบบนี้ เจ้าอื่นไม่เป็น
ทางแก้ก็คือกำหนดสีให้ html ไปด้วยเลย โดยเขียน css แบบนี้
html, body
{
background-color:red;
}
จบข่าววันนี้
ความคิดเห็น
แสดงความคิดเห็น