图片显示不全
<body>
<div style="width:200px;height:150px;background:url('image/csdn.jpg')">
/* 容器内容 */
</div>
</body>
定义一个如图的背景为一张图片的div容器,但是背景显示却并不完整,这是因为还确少一个background-size的属性。
backgronud-size属性
规定背景图像的尺寸,对于上列可以用两种方法。
第一种直接定义宽高
background-size:200px 150px;
<div style="width:200px;height:150px;background:url('image/csdn.jpg');background-size:200px 150px;border:5px solid">
/* 容器内容 */
</div>
效果,加了个边框看着明显