หากต้องการกำหนดสีของเส้นขอบทั้งสี่ ให้ใช้ คุณสมบัติ border-color . คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดสีเส้นขอบสำหรับเส้นขอบทั้งหมด
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
p {
border-style: dashed;
border-color: #808000 #800000 #FF0000 #FFFF00;
}
</style>
</head>
<body>
<p>This is demo text with four colored border.</p>
</body>
</html> ผลลัพธ์
