Css背景屬性是什么

發(fā)布時(shí)間：2022-03-02 11:51:38 來(lái)源：億速云閱讀：120 作者：小新欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān) Css背景屬性是什么，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

Background-color: 顏色值

background-image:url(../imgs/1.jpg); 背景圖，從css文件出發(fā) 去查找的*****

注意：如果背景圖寬高》元素的寬高背景或從左上角開(kāi)始截取一塊

如果背景圖的寬高《元素的寬高背景圖就x y 上平鋪（重復(fù)）

如果背景圖和背景色同時(shí)擁有，背景圖在起作用

background-attachment ：scroll 元素跟著背景圖一起滾動(dòng) | fixed 背景圖固定背景圖的附著方式

background-repeat : repeat (x y都平鋪) | no-repeat（x y 都不平鋪） | repeat-x （x平鋪） | repeat-y（y平鋪）

background-position: -100px（左右，正左負(fù)右） 100px （上下正上負(fù)下）

background : background-color || background-image || background-repeat || background-attachment || background-position

案列

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

<div id="dv">今天天氣不錯(cuò)，預(yù)計(jì)明天也不錯(cuò)，大家適合去和外國(guó)人交流abcdefg</div>

</body>

</html>

Css部分：

@charset "utf-8";

/* CSS Document */

div{

border:1px solid #ff0000;

width:200px;

height:200px;

}

#dv{

background-color:#F6F6F6;

background-image:url(../imgs/1.jpg);

background-position: 0px 100px;

}

關(guān)于“ Css背景屬性是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡