เราจะใช้ border เพื่อให้ขอบทั้ง 4 ด้าน มีลักษณะที่เหมือนกัน
ขั้นตอนแรก เป็นการกำหนด ความกว้าง และความความสูง ให้กับกรอบ
โค้ด: เลือกทั้งหมด
<head>
<style>
div {
border-style: solid;
width: 200px; // กำหนดความกว้าง 200 px
height : 30px; // กำหนดความสูง 30 px
}
</style>
</head>โค้ด: เลือกทั้งหมด
<body style="text-align:center;"> // กำหนดตำแหน่งข้อความให้อยู่กึ่งกลาง (center)โค้ด: เลือกทั้งหมด
<div style="border-width:3px;">ความหนา 3 px</div><br > // กำหนดความหนา 3 px
<div style="border-width:thin;">ความหนา thin</div><br > //กำหนดความหนา thin
<div style="border-style :double;">รูปแบบเส้น double</div><br > //กำหนดรูปแบบเส้น double
</body>
</html>ผลลัพธ์ที่ได้
- 1.jpg (14.59 KiB) Viewed 1103 times
** เพิ่มเติม การกำหนดความหนาเส้นกรอบ
thin
medium
thick
length
** เพิ่มเติม การกำหนดรูปแบบของเส้นกรอบ
None
hidden
dotted
ridge
inset
outset
dashed
solid
double
Groove