CSS เส้นคั่น เส้นคั่นสวยๆ เส้นคั่นแบ่งข้อมูล

CSS เส้นคั่น เส้นคั่นสวยๆ เส้นคั่นแบ่งข้อมูล บทความนี้สอนเขียนคำสั่ง CSS เพื่อสร้างเส้นคั่นแนวนอน พร้อมกำหนดความกว้าง ความหนา รูปแบบของเส้น และสีที่แสดงผลของเส้นคั่น CSS สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS เส้นคั่น เส้นคั่นสวยๆ เส้นคั่นแบ่งข้อมูล

<style>
	.line {
		width: 100%;
    	border-top: 1px dashed darkcyan;
	}
</style>

Hello
<div class="line"></div>
World

CSS เส้นคั่น เส้นคั่นสวยๆ จากตัวอย่างสร้างเส้นคั่นด้วย class .line กำหนดความกว้าง width: 100% และเส้นด้านบน (border-top) ขนาด 1px ชนิดเส้นประ (dashed) สี darkcyan จากนั้นนำไปใช้กับ div ใน HTML เพื่อแสดงผลเส้นคั่น เส้นคั่นสวยๆ ด้วยภาษา CSS