![](/img/trans.png)
[英]Adding a move/fade transition or effect using CSS/HTML in existing code
[英]CSS code in HTML no effect
我在記事本中編寫了代碼,然后由Chrome執行,但是看不到顏色,
看來代碼的CSS部分沒有生效,我應該怎么做才能使CSS部分生效?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TITLE</title>
<style type="text/css">
body {background:white; color:black}
a:link {color:red}
a:visited {color:green }
a:active {color:blue}
</style>
</head>
<body>
<h1>B blue T Black</h1>
</body>
</html>
<h1>
不是<a href="">
因此您的a:
樣式均不適用,僅body { color: black; }
body { color: black; }
,這就是您的文本為黑色的原因。
用單個h1
規則替換a:
規則,或將<h1>
替換為<a href="#">
。
您可以嘗試以下一種方法:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css</title>
<style type="text/css">
body {background-color:white; }
h1
{
color:red;
}
</style>
</head>
<body >
<h1>B blue T Black</h1>
</body>
您的標題不是鏈接。 您的CSS設置正確,只是沒有要設置樣式的鏈接。 用來包裹標簽,您應該一切順利!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.