หากคุณกำลังสร้างเว็บไซต์ คุณควรคำนึงถึงการตั้งค่าสำหรับการแสดงหน้าในเบราว์เซอร์ของผู้เยี่ยมชมด้วย โดยเฉพาะอย่างยิ่ง รูปภาพที่วางอยู่ภายในแท็กลิงก์จะถูกกำหนดโครงร่างโดยเบราว์เซอร์ที่มีเส้นขอบสีน้ำเงินกว้างหนึ่งจุด (พิกเซล) เป็นค่าเริ่มต้น สิ่งนี้ควรนำมาพิจารณาทั้งเมื่อกำหนดขนาดขององค์ประกอบของหน้าและเมื่อกำหนดการออกแบบสี มีวิธีแก้ไขปัญหาอื่น - การใช้ HTML และ CSS เพื่อบังคับให้เบราว์เซอร์ไม่แสดงเฟรม
คำแนะนำ
ขั้นตอนที่ 1
หากสำหรับการออกแบบหน้าเว็บเวอร์ชันของคุณ การลบเส้นขอบออกจากรูปภาพหนึ่งๆ โดยใช้ลิงก์หรือเพียงสองสามภาพก็เพียงพอแล้ว การเพิ่มแอตทริบิวต์ border ที่มีค่าเป็นศูนย์ลงในแท็กก็เพียงพอ ด้วยการเพิ่มนี้ โค้ด HTML ของรูปภาพที่มีลิงก์อาจมีลักษณะดังนี้: คุณยังสามารถใช้แอตทริบิวต์สไตล์ได้ - ตัวเลือกเหล่านี้เทียบเท่ากัน ด้วยแอตทริบิวต์ style และค่าเส้นขอบศูนย์ที่ระบุไว้ รหัสเดียวกันจะมีลักษณะดังนี้: เมื่อใช้แอตทริบิวต์ style ค่าศูนย์ (0px) สามารถแทนที่ด้วยข้อความ "none" (ไม่มีเครื่องหมายคำพูด)
ขั้นตอนที่ 2
หากคุณต้องการป้องกันไม่ให้เฟรมปรากฏขึ้นสำหรับรูปภาพทั้งหมดที่มีลิงก์อยู่ในหน้า ให้ทำในที่เดียวในโค้ด HTML ได้ง่ายขึ้น ในการดำเนินการนี้ ควรใส่คำอธิบายของสไตล์เพจที่มีกฎทั่วไปสำหรับลิงก์ทั้งหมดไว้ในส่วนส่วนหัวของเอกสาร (ระหว่างแท็กและแท็ก) คุณสามารถเขียนกฎนี้ดังนี้: a img {border: none;} ควรวางไว้ในแท็กที่บอกเบราว์เซอร์ว่ามีคำอธิบายของสไตล์ใน CSS ที่นี่:
img {เส้นขอบ: ไม่มี;}
ขั้นตอนที่ 3
หากคุณใช้สคริปต์ JavaScript ในหน้าซึ่งดำเนินการใดๆ เมื่อคุณคลิกลิงก์ข้อความโดยไม่สลับไปยังหน้าอื่น หลังจากคลิกในเบราว์เซอร์บางตัวและรอบๆ ลิงก์ข้อความ กรอบจุดแบบเดียวกันจะยังคงอยู่ เพื่อป้องกันการเปลี่ยนแปลงการออกแบบของคุณโดยไม่ได้รับอนุญาต ให้เพิ่มกฎที่เหมาะสมสำหรับลิงก์ข้อความไปยังบล็อกคำอธิบายสไตล์ CSS:
a {โครงร่าง: ไม่มี;}