<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <style type="text/css" media="screen" id="test"> div{ width:600px; height:600px; border: 1px solid #999; background-position:center; background-repeat:no-repeat; } .test1{ background-color:#DDD; background-image:url("1.jpg"); float:left; } .test2{ background-image:url("2.png"); /*知识点*/ background-size:50% 50%; float:left; } .test3{ background-image:url(3.jpg); float:right; } </style> </head> <body> <div id="test" class="test1"> </div> <div id="test" class="test2"> </div> <div id="test" class="test3"> </div> </body> </html>
原文：https://www.cnblogs.com/chenchen-12/p/10153112.html