1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
@charset "utf-8"; #table { width: 270px; height: 370px; padding: 15px; box-sizing: content-box; background-color: maroon; } #field { position: relative; width: 100%; height: 100%; background-color: green; } #ball { position: absolute; width: 10px; height: 10px; border-radius: 5px; background-color: white; } #racket { position: absolute; top: 300px; width: 70px; height: 10px; background-color: red; } #message { position: relative; top: 150px; font-size: 14px; color: white; text-align: center; }