背景属性
程序员文章站
2022-03-25 18:45:27
...
<head>
<meta charset="UTF-8">
<title>背景相关属性</title>
<style>
div.c0{
background-color:red ;
}
div.c1{
width: 600px;
height: 600px;
/*border: 1px solid; 显示边框*/
/*background-image: url("1.jpg");*/
background-image: url("1.jpg");
/*不重复*/
/*background-repeat: no-repeat;*/
/*background-repeat: repeat-x;*/
/*background-position: center; 中心位置*/
/*background-position: 200px 200px; 移动像素位置*/
}
</style>
</head>
<body>
<div class="c0">我是div</div>
<div class="c1">你好</div>
background:red 背景颜色
width: 600px; 背景宽度
height: 600px; 背景高度
/*border: 1px solid; 显示边框*/
/*background-image: url("1.jpg");*/
background-image: url("1.jpg"); 背景图片
/*不重复*/
/*background-repeat: no-repeat;*/ 背景边框若是大于图片，图片不重读，默认重复
/*background-repeat: repeat-x;*/
/*background-position: center; 中心位置*/ 图片位于边框的中心
/*background-position: 200px 200px; 移动像素位置*/