CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย
Moderator: mindphp, ผู้ดูแลกระดาน
-
GoB
- PHP Super Member
- โพสต์: 212
- ลงทะเบียนเมื่อ: 12/01/2015 10:14 am
โพสต์ที่ยังไม่ได้อ่าน
โดย GoB »
CSS เพิ่มลูกเล่นให้กับ Link
วิธีนี้เป็นการปรับแต่งรูปแบบของลิงค์ คือ เมาส์นำเมาไปชี้ตำแหน่งของลิงค์ ลิงค์ก็จะเปลี่ยนเป็นสีอื่น ทำให้ลิงค์มีความน่าสนใจเพิ่มมากขึ้น
โค้ด: เลือกทั้งหมด
<html>
<head>
<style>
a:visited { //กำหนดสีให้กับลิงค์
color: #0000FF;
}
a:hover { //กำหนดสีเมื่อนำเมาส์ไปชี้ทำตำแหน่งของลิงค์
color: #FF0000;
}
a:active { //กำหนดสี เมื่อนำเมาส์มาคลิก
color: #C0C0C0;
}
</style>
</head>
<body>
<p><b><a href="https://www.mindphp.com/" target="_blank">On Click</a></b></p> //กำหนดข้อความ พร้อมกับลิงค์
</body>
</html>
*เพิ่มเติม
target="blank" คือ คลิกขึ้นแท็บใหม่
ผลลัพธ์ที่ได้
-----------------------------------------------------------------------------------
เริ่มแรก
- 1.jpg (4.86 KiB) Viewed 828 times
หลังจากนำเมาส์ไปชี้ที่ตำแหน่งลิงค์
- 2.jpg (4.96 KiB) Viewed 828 times
เมื่อนำเมาส์คลิกลิงค์
- 3.jpg (3.66 KiB) Viewed 828 times
-
-
- 0 ตอบกลับ
- 1146 แสดง
-
โพสต์ล่าสุด โดย MBMoo
11/06/2020 11:12 am
-
-
- 0 ตอบกลับ
- 1148 แสดง
-
โพสต์ล่าสุด โดย thatsawan
08/04/2017 1:36 pm
-
-
- 0 ตอบกลับ
- 1410 แสดง
-
โพสต์ล่าสุด โดย prakasit.bank
19/06/2015 9:38 am
-
-
- 1 ตอบกลับ
- 1006 แสดง
-
โพสต์ล่าสุด โดย mindphp
09/04/2022 8:11 am
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 51