废话当然不说了。
直接上代码
<style> #mycon { background:url('Tpl/1.jpg'); background-size:400px 400px; background-repeat:no-repeat; border-radius: 4px; border: 1px solid #ccc; 400px; height: 400px; } </style> <div id="mycon"> 原来背景图大小:970*630 这里才是战场,以缩略图的形式来将背景图设置 </div>
background-size:400px 400px;后面是设置缩略图宽和高。
效果如图: