CSS การใส่กรอบให้กับรูปภาพ

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

ตอบกลับโพส
GoB
PHP Super Member
PHP Super Member
โพสต์: 212
ลงทะเบียนเมื่อ: 12/01/2015 10:14 am

CSS การใส่กรอบให้กับรูปภาพ

โพสต์ที่ยังไม่ได้อ่าน โดย GoB »

CSS การใส่กรอบให้กับรูปภาพ

รูปภาพทั่วไปที่ไม่ใส่กรอบอาจจะดูธรรมดา หรือไม่มีมิติ ดังนั้นเราจึงจะมาเพิ่มความน่าสนใจให้กับรูปภาพ เพื่อให้รูปภาพนั้นมีความน่าสนใจ และให้รูปภาพดูมีมิติมากยิ่งขึ้นและด้วยลักษณะของเส้นขอบนั้น เราสามารถปรับเปลี่ยนได้ตามความเหมาะสม สามารถดูลักษณะของเส้นต่าง ๆ เพิ่มเติมได้ คลิกที่นี่

โค้ด: เลือกทั้งหมด

<html>
<head>
<style>
[flower] {       		 // สร้าง class 
    border: 5px solid orange;  	// กำหนดความหนาและสี ให้กรอบ
}
</style>
</head>
<body>
<img src="orange.jpg" flower width="150" height="113">		// รูปภาพที่เราต้องการ
</body>
</html>
ผลลัพธ์ที่ได้
1.jpg
1.jpg (11.09 KiB) Viewed 3802 times
บทความที่เกี่ยวข้อง
- คำสั่งต่าง ๆ เกี่ยวกับเส้นขอบ
ข้างบน
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ย้อนกลับไปยัง “CSS Knowledge”



ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 74