ขนาดพื้นหลังเว็บ HTML กำหนดขนาดการแสดงผลเว็บไซต์
สอนเขียนโค้ด ขนาดพื้นหลังเว็บ HTML กำหนดขนาดการแสดงผลเว็บไซต์ โดยใช้คำสั่ง CSS บทความนี้แนะนำการเขียนคำสั่ง CSS เพื่อกำหนดขนาดการแสดงผล เช่น แสดงผลที่ 80% ของขนาดหน้าจอ สามารถเขียนโปรแกรมได้ดังนี้
ตัวอย่าง ขนาดพื้นหลังเว็บ HTML กำหนดขนาดการแสดงผลเว็บไซต์
<style>
#container {
width: 80%;
background-color: blue;
margin: 0px auto;
height: -webkit-fill-available;
}
</style><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="container">
</div>
</body>
</html>
ขนาดพื้นหลังเว็บ HTML ตัวอย่างกำหนดให้เว็บไซต์มีการแสดงผล 80% ของขนาดหน้าจอ เริ่มต้นกำหนดพื้นหลังเว็บไซต์ ผ่าน id = container จากนั้นใน CSS กำหนดให้ id ดังกล่าวมีขนาดความกว้าง 80% ด้วยคำสั่ง width และพื้นหลังเป็นสีฟ้า ด้วย background-color และแสดงผลตรงกลางหน้าจอด้วย margin: 0px auto เวลานำไปใช้งานให้เขียนโค้ดเนื้อหาต่างๆ ที่จะแสดงผลบนหน้าเว็บไซต์ภายในแท็ก div id เท่ากับ container
