首页运动html网页设计代码

运动html网页设计代码

时间: 2024-06-05 15:10:49 浏览: 155

以下是一个简单的 HTML 运动网页设计代码示例： ```html <!DOCTYPE html> <html> <head> <title>运动网页</title> <style> /* 设置背景色和字体颜色 */ body { background-color: #f2f2f2; color: #333; } /* 设置标题样式 */ h1 { text-align: center; font-size: 48px; margin-top: 100px; } /* 设置图片样式 */ img { display: block; margin: 0 auto; width: 200px; height: 200px; animation: rotate 2s linear infinite; } /* 设置旋转动画 */ @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } </style> </head> <body> <h1>运动网页</h1> <img src="https://cdn.pixabay.com/photo/2014/04/02/14/10/basketball-306184_1280.png"> </body> </html> ``` 这个网页包含一个居中显示的标题和一个旋转的篮球图片。运行代码，你可以看到篮球图片不断旋转。你可以根据需要修改代码，添加更多元素和样式。

阅读全文