溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關 Css背景屬性是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
Background-color: 顏色值
background-image:url(../imgs/1.jpg); 背景圖，從css文件出發 去查找的*****
注意：如果背景圖 寬 高 》 元素的寬高 背景或從左上角開始截取一塊
如果背景圖的寬 高 《 元素的寬 高 背景圖 就x y 上平鋪（重復）
如果背景圖和背景色同時擁有，背景圖在起作用
background-attachment ：scroll 元素跟著背景圖一起滾動 | fixed 背景圖固定 背景圖的附著方式
background-repeat : repeat (x y都平鋪) | no-repeat（x y 都不平鋪） | repeat-x （x平鋪） | repeat-y（y平鋪）
background-position: -100px（左右，正左 負右） 100px （上下 正上 負下）
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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="dv">今天天氣不錯，預計明天也不錯，大家適合去和外國人交流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;
}
關于“ Css背景屬性是什么”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
