簡體   English   中英

HTML中的CSS代碼無效

[英]CSS code in HTML no effect

我在記事本中編寫了代碼,然后由Chrome執行,但是看不到顏色,

http://i.imgur.com/RJHb2Xp.png

看來代碼的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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM