下面是一個簡單的CSS動態圖片示例:
width: 100px;
height: 100px;
.button {
background-color: #007bff;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
.button:hover {
background-color: #006bff;
.button:active {
background-color: #0054ff;
當我們使用.button標簽的點擊事件時,會觸發一個JavaScript函數,該函數會更新圖片的src屬性,使圖片重新顯示。我們可以使用jQuery等JavaScript庫來實現類似的功能。