Vì vậy, tôi chỉ đang cố gắng tạo một trang web nhỏ. . Khi tôi làm
Home
Nút biến thành màu tím và nó được gạch chân. . Cảm ơn //imgur.com/czsk4
Home
Để làm điều đó thông qua một lớp học:
Home
a.nav-link:link
{
color: #fb3f00;
text-decoration: none;
}
a.nav-link:visited
{
color: #fb3f00;
text-decoration: none;
}
a.nav-link:hover
{
color: #fb3f00;
text-decoration: none;
}
a.nav-link:active
{
color: #fb3f00;
text-decoration: none;
}
Để thực hiện thông qua một lớp, bạn cần đặt mã CSS vào một tệp CSS riêng biệt và liên kết nó vào hoặc bạn có thể đặt nó vào đầu tài liệu. Thực tiễn tốt nhất là đặt nó vào một tệp CSS bên ngoài để nó có thể được sử dụng trong suốt.
Nếu bạn muốn màu cam nằm trên mọi liên kết trong suốt, chỉ cần xóa phần ".nav-link" của các lớp và xóa lớp = "nav-link" khỏi thẻ liên kết. Điều này sẽ tạo tất cả các liên kết màu cam trừ khi bạn đã xác định một lớp khác và áp dụng rõ ràng nó vào thẻ liên kết.
Chúc may mắn!
Đã trả lời ngày 13 tháng 4 năm 2012 lúc 15:11Apr 13, 2012 at 15:11
RickettsrickettsRicketts
4.8453 Huy hiệu vàng34 Huy hiệu bạc47 Huy hiệu đồng3 gold badges34 silver badges47 bronze badges
8
Sử dụng CSS thay vì các kiểu nội tuyến sẽ hoạt động tốt hơn nhiều:
a {
color:orange;
text-decoration:none;
}
Bạn cũng có thể nhận được Fancier và có sự gạch chân xuất hiện khi bạn di chuột:
a:hover, a:focus {
text-decoration:underline;
}
Điều này có thể giúp cải thiện trải nghiệm người dùng [UX], mặc dù nếu các liên kết nằm trong tiêu đề thì có thể rõ ràng là chúng là các liên kết. .
Đã trả lời ngày 13 tháng 4 năm 2012 lúc 15:07Apr 13, 2012 at 15:07
Gregmacgregmacgregmac
23.8K10 Huy hiệu vàng87 Huy hiệu bạc115 Huy hiệu đồng10 gold badges87 silver badges115 bronze badges
5
Tất cả các liên kết đi kèm với các trạng thái khác nhau, vì vậy nếu bạn muốn chúng ở lại chỉ với một màu, bạn có thể sửa đổi tất cả các trạng thái lại với nhau như vậy:
a:link, a:visited, a:hover, a:active { color: orange }
Đã trả lời ngày 13 tháng 4 năm 2012 lúc 15:08Apr 13, 2012 at 15:08
Andres Ilichandres IlichAndres Ilich
74,9K21 Huy hiệu vàng156 Huy hiệu bạc137 Huy hiệu đồng21 gold badges156 silver badges137 bronze badges
0
Bạn có thể làm điều đó bằng cách sử dụng CSS. Để đặt cái này trong mã của bạn ngay ở cuối phần đầu
a:link, a:visited, a:hover, a:active { color: #ff8080;
text-decoration: none;
}
và thay đổi #ff8080 trong màu của bạn
Đã trả lời ngày 13 tháng 4 năm 2012 lúc 15:10Apr 13, 2012 at 15:10
1
Tôi có giải pháp hoàn hảo cho bạn!
Tôi đang sao chép và dán thẳng từ mã của mình. Làm cho nó phù hợp với bạn. Điều này chắc chắn làm việc cho những gì bạn đang cố gắng để đạt được.
a:link { color:#ffffff; text-decoration: none; }
a:visited { color:#33348e; text-decoration: none; }
a:hover { color:#91ac48; text-decoration: none; }
a:active { color:#7476b4; text-decoration: underline; }
Order Now
Đã trả lời ngày 7 tháng 2 năm 2018 lúc 12:17Feb 7, 2018 at 12:17