编辑代码:
查看结果 »
试一试 - ©
w3ii.com
<!DOCTYPE html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/lib/w3.css"> <html> <style> .w3-half {height:300px;padding-top:24px;} </style> <body> <div class="w3-row"> <div class="w3-half w3-center" style="background:#fefbd8"> <p class="w3-xxlarge"><b>ON TOUR</b></p> <p class="w3-xxlarge">2016</p> </div> <div class="w3-half w3-center w3-xlarge" style="color:#fff;background:#80ced6"> <p><span class="w3-tag w3-xxlarge">3</span></p> <p class="w3-xlarge w3-wide">HOURS<br>FREE<br>TRAINING</p> </div> </div> <div class="w3-row"> <div class="w3-half w3-center" style="background:#d5f4e6"> <p class="w3-xlarge">ONLY</p> <p class="w3-xxxlarge"><b>299</b></p> </div> <div class="w3-half w3-center" style="color:#fff;background:#618685"> <p class="w3-xxlarge w3-wide">LOTS OF<br>NEW<br>INSPIRATION</p> </div> </div> </body> </html>