ต่อไป »

[หมวดเจ๋ง]

อยากจะทำให้ภาพมีเส้นกรอบสีแดงล้อมรอบรูปครับ

ใช้คำสั่งอะไรครับ

คือภาพเราไม่มีขอบอะ จะทำให้มีขอบเป็นเส้นสีแดงล้อมรูป

[ganginwpop]

ตามไปดูนี่ครับ
้Code

โค๊ด:

<img src="logo_w3s.gif" alt="W3Schools.com" style="border:5px solid black" width="100" height="100" />

ลองไปรันเล่นๆดูที่

โค๊ด:

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_border_css

[fogza]

ถ้าจะเอาไปใช้หลายที่ก็กำหนดชื่อ id หรือ class เช่น

#picborder{
   border: 2px solid #000;
   margin: 2px; <!-- ห่างขอบด้านนอก 2 px -->
}

หรือ

.picborder{
   border: 2px solid #000;
   margin: 2px; <!-- ห่างขอบด้านนอก 2 px -->
}

เพิ่มเติม :
# คือ ID นำไปใช้ได้แค่ครั้งเดียวในตำแหน่งนั้นๆ
. คือ Class ไปซ้ำได้ในตำแหน่งนั้นๆ

วิธีนำไปใช้ :
<div id="picborder"> ข้อมูล </div>
หรือ
<div class="picborder"> ข้อมูล </div>

ส่วนอยากได้กรอบลักษณะไหน ไปดูได้ที่ : CSS Border
ผิดพลาดประการใด เพิ่มเติมให้ด้วยครับ

[หมวดเจ๋ง]

ขอบคุณมาก +1 ทั้ง2ท่าน