Question

这样一个图片怎么样通过HTML5和CSS3来实现？求HTML5 CSS3大神指导！

Answer 1

<style>
body {margin:0; padding:0; width:100%; height:100%; background-color:#ddd}
#back {POSITION:absolute; left:0; bottom:0; width:100%; height:100px; background-color:#000}
#bbal {POSITION:absolute; left:50%; bottom:0; width:120px; height:120px; margin-left:-60px; border-radius:100%; background-color:#000}
#sbal {POSITION:absolute; left:15px; top:15px; width:90px; height:90px; border-radius:100%; background-color:#D75D36}
</style>
<div id=back>
<div id=bbal>
<div id=sbal></div>
</div>
</div>