body設(shè)置高度 背景顏色全屏/仍然會鋪滿/漸變斷層

    body{
        width: 100%;
        height: 500px;
        background: palegoldenrod;
    }

結(jié)果如圖:


image.png

這是為什么呢???


image.png

html標(biāo)簽未被激活,body會被瀏覽器當(dāng)做根結(jié)點(diǎn)來對待,body的高是都是無效
html沒有設(shè)置任何背景色或者屬性時,body的背景色其實不是body標(biāo)簽的背景色,而是瀏覽器的


為什么html和body才能操作背景???
因為html和body是唯一的


背景色為漸變呢???


image.png

image.png

不是說好當(dāng)做根節(jié)點(diǎn)

渲染原理究竟是怎樣的呢???
https://www.cnblogs.com/zhaoliu100125/p/9429000.html

    html {
        background: mediumaquamarine;設(shè)置這個

    }

    body {
        width: 100%;
    
        background: palegoldenrod;或者設(shè)置這個
        background: linear-gradient(palegoldenrod, pink);
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容