Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ตั้งค่าสีเส้นขอบทั้งสี่ด้านด้วย CSS


คุณสมบัติ border-color

ใช้ border-color ร่วมกับ border-style เพื่อกำหนดสีเส้นขอบทั้ง 4 ด้าน (บน, ขวา, ล่าง, ซ้าย)

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <style>
    p {
      border-style: dashed;
      border-color: #808000 #800000 #FF0000 #FFFF00; /* top right bottom left */
    }
  </style>
</head>
<body>
  <p>This is demo text with four colored border.</p>
</body>
</html>