制作一個點(diǎn)擊輪播圖可以提升網(wǎng)站視覺效果，吸引用戶訪問，下面是使用CSS實現(xiàn)點(diǎn)擊輪播圖的代碼：

<div class="carousel">
<input type="radio" name="carousel-radio" id="carousel-radio1" checked>
<input type="radio" name="carousel-radio" id="carousel-radio2">
<input type="radio" name="carousel-radio" id="carousel-radio3">
<div class="carousel-imgs">
<div class="carousel-img"><img src="img1.jpg"></div>
<div class="carousel-img"><img src="img2.jpg"></div>
<div class="carousel-img"><img src="img3.jpg"></div>
</div>
<div class="carousel-controls">
<label for="carousel-radio1"></label>
<label for="carousel-radio2"></label>
<label for="carousel-radio3"></label>
</div>
<div class="carousel-prev"><label for="carousel-radio1"></label></div>
<div class="carousel-next"><label for="carousel-radio2"></label></div>
</div>

解釋：

整個輪播圖使用一個div容器，通過input radio實現(xiàn)輪播圖的切換。carousel-imgs類包含三張圖片，分別使用carousel-img類包裹。carousel-controls類包裹了三個label標(biāo)簽，實現(xiàn)了點(diǎn)擊切換圖片，carousel-prev和carousel-next類分別實現(xiàn)了向左或向右切換輪播圖。