首页运动会的html代码

运动会的html代码

时间: 2023-12-30 18:05:14 浏览: 148

根据提供的引用内容，以下是一个简单的运动会的HTML代码示例： ```html <!DOCTYPE html> <html> <head> <title>运动会</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { text-align: center; color: #333333; } .event { margin: 20px auto; width: 400px; padding: 20px; background-color: #ffffff; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .event h2 { color: #666666; } .event p { color: #999999; } </style> </head> <body> <h1>运动会</h1> <div class="event"> <h2>100米赛跑</h2> <p>时间：10:00 AM</p> <p>地点：田径场</p> </div> <div class="event"> <h2>跳远比赛</h2> <p>时间：11:30 AM</p> <p>地点：跳远场</p> </div> <div class="event"> <h2>篮球比赛</h2> <p>时间：2:00 PM</p> <p>地点：篮球场</p> </div> </body> </html> ``` 这段代码创建了一个简单的运动会网页，包含了三个比赛项目的信息：100米赛跑、跳远比赛和篮球比赛。每个比赛项目都有一个标题、时间和地点。整个网页使用了简单的HTML和CSS样式来设计。

阅读全文