在Web開發中,使用CSS模板可以快速地改變網頁的樣式。籃球鞋作為一種流行的運動鞋,也有不少以籃球鞋為主題的CSS模板可供選擇。
下面是一個以籃球鞋為主題的CSS模板示例:
/* 籃球鞋CSS模板 */ /** 全局設置 **/ body { margin: 0; padding: 0; background-color: #fff; font-family: Arial, Helvetica, sans-serif; } /** 頁面標題 **/ h1 { font-size: 36px; text-align: center; margin-top: 50px; color: #333; } /** 籃球鞋展示區域 **/ .shoe { border: 1px solid #ccc; padding: 20px; margin: 50px auto; width: 500px; text-align: center; box-shadow: 0 0 5px #ccc; } /** 籃球鞋圖片 **/ .shoe img { width: 300px; height: 200px; margin-bottom: 20px; } /** 籃球鞋信息 **/ .shoe h2 { font-size: 24px; color: #333; } .shoe p { font-size: 16px; color: #666; margin-bottom: 10px; } /** 按鈕 **/ .button { display: inline-block; padding: 10px 20px; background-color: #f00; color: #fff; text-decoration: none; border-radius: 5px; margin-top: 20px; } .button:hover { background-color: #ff5e5e; }
這個CSS模板包含了全局設置、頁面標題、籃球鞋展示區域、籃球鞋圖片、籃球鞋信息和按鈕等部分。通過設置這些樣式,我們可以快速地搭建一個以籃球鞋為主題的網頁。