代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{} .box span{ display: block; float: left; width: 80px; height: 80px; line-height: 80px; text-align: center; } .box span:nth-child(1){background-color: rgba(253,253,1,1);} .box span:nth-child(2){background-color: rgba(253,253,1,.8);} .box span:nth-child(3){background-color: rgba(253,253,1,.6);} .box span:nth-child(4){background-color: rgba(253,253,1,.4);} .box span:nth-child(5){background-color: rgba(253,253,1,.2);} </style> </head> <body> <div class="box"> <span>100%</span> <span>80%</span> <span>60%</span> <span>40%</span> <span>20%</span> </div> </body> </html>
效果图：
