2012-09-21 34 views
39

thể trùng lặp:
How to remove the underline for anchors(links)?Loại bỏ gạch chân với thuộc tính href

Trong đoạn mã sau đây, liên kết được gạch chân khi tôi sử dụng thuộc tính href.

<html> 
<body> 
<a href="xxx.html">goto this link</a> 
</body> 
</html> 

Tôi muốn liên kết được liên kết với thẻ đó nhưng không được gạch chân. Làm thế nào tôi có thể làm điều đó? Cảm ơn trước sự giúp đỡ của bạn.

+1

bạn đã tìm kiếm trong google trước khi đăng câu hỏi này ..... nếu bạn đã làm bất kỳ nghiên cứu trước khi đăng u sẽ nhận được kết quả chính xác trong liên kết đầu tiên .... –

Trả lời

75

Thêm một phong cách với các thuộc tính text-decoration:none;:

Có một số cách khác nhau để làm điều này.

Inline style:

<a href="xxx.html" style="text-decoration:none;">goto this link</a> 

Inline stylesheet:

<html> 
<head> 
<style type="text/css"> 
    a { 
     text-decoration:none; 
    } 
</style> 
</head> 
<body> 
<a href="xxx.html">goto this link</a> 
</body> 
</html> 

stylesheet ngoài:

<html> 
<head> 
<link rel="Stylesheet" href="stylesheet.css" /> 
</head> 
<body> 
<a href="xxx.html">goto this link</a> 
</body> 
</html> 

stylesheet.css:

a { 
     text-decoration:none; 
    } 
+4

hoặc goto this link, hoặc tốt hơn nhưng đặt css của bạn trong một tập tin khác. – maru

Các vấn đề liên quan