วิธีเขียนเส้นขอบ CSS รอบ ๆ รูปภาพ

Cascading Style Sheets ช่วยให้คุณสามารถปรับเปลี่ยนเค้าโครง HTML และคุณสมบัติการแสดงผลเช่นการจัดตำแหน่งสีและเส้นขอบ HTML แท็กใช้ในการแสดงภาพบนเว็บเพจและมีแอททริบิวต์“ เส้นขอบ” ที่อนุญาตให้คุณตั้งค่าขอบเปิดและปิดพร้อมระบุความกว้างของเส้นขอบ บางทีคุณกำลังสร้างหน้าการตลาดที่มีข้อเสนอพิเศษและคุณต้องการให้เส้นขอบรูปภาพปรากฏในลักษณะที่แตกต่างจากรูปแบบเว็บไซต์ของ บริษัท พื้นฐาน ใช้ CSS เพื่อปรับเปลี่ยนลักษณะเส้นขอบสำหรับภาพเฉพาะ

1

เรียกใช้ HTML หรือโปรแกรมแก้ไขข้อความและเปิดเว็บเพจ ค้นหา แท็กสำหรับภาพที่คุณต้องการเพิ่มเส้นขอบ

2

แทรกสไตล์ CSS เพื่อเริ่มเปลี่ยนสไตล์ของคุณ ( ) แทรกคุณสมบัติ“ เส้นขอบ” เพื่อแก้ไขคุณภาพของเส้นขอบเช่นความกว้างชนิดและสี ภาพต่อไปนี้มีสไตล์พร้อมเส้นประสีแดงหนา คุณลักษณะสามารถอยู่ในลำดับใดก็ได้

3

ปรับเปลี่ยนพารามิเตอร์เส้นขอบตามที่ต้องการ ความหนาของเส้นขอบอาจเป็นค่าหนาขนาดกลางหรือบางหรือขนาดของพิกเซลเช่น“ 6px” คุณสามารถเลือกจากชนิดเส้นขอบที่หลากหลายรวมถึงแบบ double, solid หรือ dashed สีสามารถระบุได้หลายวิธีเช่นกัน: hex (# ffcc00), RGB (RGB (255, 0, 0)) หรือชื่อสี (สีน้ำเงิน)

4

บันทึกหน้าและเปิดในเว็บเบราว์เซอร์เพื่อดูการเปลี่ยนแปลงการแสดงผล

โพสต์ยอดนิยม