<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 100%; height: 10px; margin: 20px 0; background: gray; text-align: center; } div:last-child { height: 0; } span { display: inline-block; width: 10px; height: 10px; margin: 0 3px; background: red; vertical-align: top; border-radius: 5px; } </style> </head> <body> <div><span></span><span></span><span></span></div> <div><span></span><span></span><span></span></div> </body> </html>
原文：http://www.cnblogs.com/jzm17173/p/4772905.html