健康運動的重要性已經不必多說，為了讓運動這一主題更加生動，我們可以使用一些運動主題的css模板，讓網頁在視覺上更富有活力。
.sport {
background-color: #f5f5f5;
padding: 50px 0;
text-align: center;
font-size: 24px;
font-weight: bold;
color: #555;
}
.sport h2 {
margin-bottom: 40px;
font-size: 36px;
font-weight: bold;
}
.sport .btn {
display: inline-block;
padding: 15px 30px;
background-color: #FF6A6A;
color: #fff;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
transition: all 0.3s ease-in-out;
}
.sport .btn:hover {
background-color: #FF4E4E;
cursor: pointer;
}
.sport p {
margin-top: 20px;
font-size: 16px;
color: #888;
}以上是比較簡單的一個css模板示例，可以通過修改里面的一些參數來適應不同的用途。
如果你要使用這個模板，只需要在html中引入它的css即可。
<head> <link rel="stylesheet" href="path/to/sport.css"> </head> <body> <div class="sport"> <h2>HEALTHY SPORTS</h2> <p>Keep moving, keep healthy!</p> <a class="btn" href="#">LEARN MORE</a> </div> </body>
通過這樣簡單的引入和使用，就能讓你的網頁更加生動有趣。