核心代码
width: （设置div宽高）
height:
background-image: url("../../img/icon2.gif");（设置背景图片）
举例
<html lang="en">
<head>
<meta charset="UTF-8">
<title>背景相关样式</title>
<style>
#div{
height: 300px;
background-color: red;/*背景颜色*/
background-image: url("../../img/f3_Android1.png");/*背景图片（优先级高于背景颜色）*/
background-repeat: no-repeat;
/*背景图片的遍历方式
no-repeat：不重复
repeat-x:只在X轴方向遍历
repeat-y:只在y轴方向遍历
*/
background-size: 100% 100%;/*背景图片大小*/
/*contain 包含关系 图片宽高比例不变知道较小方向填满才停止缩放
图片基本不会溢出*/
/*cover 图片宽高比例不变知道较大方向填满才停止缩放 图片基本都会溢出
length x轴宽度 一y轴高度
百分比大小：（用的较多）： x轴宽度百分比y轴高度百分比
*/
}
</style>
</head>
<body>
<div id="div">
</div>
</body>
</html>
） background-position: 0 -50px; 背景图片偏移 x轴方向 y轴方向 background-repeat: no-repeat; 背景图片不重复
扫一扫
121
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
