方法:1、利用“text-decoration”屬性去除鏈接文字的下劃線樣式,語(yǔ)法為“鏈接元素{text-decoration:none}”;2、利用color屬性設(shè)置鏈接文字字體顏色為黑色即可,語(yǔ)法為“鏈接元素{color:#000}”。
本教程操作環(huán)境:windows10系統(tǒng)、css3&&html5版、dell g3電腦。
css怎樣設(shè)置元素加鏈接字體不變
在css中,給文字添加了連接之后,字體樣式會(huì)發(fā)生變化,示例如下:
想要設(shè)置添加鏈接之后字體不變的話,需要用到text-decoration屬性和color屬性,text-decoration屬性適用于去掉鏈接樣式的下劃線,color屬性是用于將字體顏色設(shè)置為原來(lái)的黑色。
示例如下:
<!doctype html><html lang=\”en\”><head> <meta charset=\”utf-8\”> <meta name=\”viewport\” content=\”width=device-width, initial-scale=1.0\”> <meta http-equiv=\”x-ua-compatible\” content=\”ie=edge\”> <title>document</title> <style> a{ text-decoration:none; color:#000; } </style></head><body>添加鏈接的文字:<a href=\”https://www.php.cn/course/list/12.html\” target=\”_blank\”>css視頻教程</a><br>沒有添加鏈接的文字:css視頻教程</body></html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)