<html> <head> <meta charset="UTF-8"> /*Largeur, hauteur*/largeur : 500px;/*bordure*/bordure : 1px solide#000;/* le débordement horizontal utilise la barre de défilement (auto || scroll)*/overflow: auto;}#IMG- list>p{ /* Largeur, hauteur Couleur d'arrière-plan */ width:100px /*Avant le survol de la souris, ajoutez une bordure et définissez la couleur à transparent* / border-radius:5px; /*border:2px solid transparent;*/ rayon de la bordure : 5 px ; /* bordure : 2 px, solide et transparent ;*/ border-radius:5px; border-color:#f00; ; ombre-boîte :3px 3px 0px 0px #ddd } </style> ≪/tête> <corps> <!-- 1、创建一个 500px*150px 的div，id : img-list --> <div id="img-list"> <!-- 2、创建一个 800px*100px 的p元素 -->
<img src="p_small_001.jpg"> <img src="p_small_002.jpg"> <img src="p_small_003.jpg"> <img src="p_small_004.jpg"> <img src="p_small_005.jpg"> <img src="p_small_006.jpg"> <img src="p_small_007.jpg">
</div> </body></html>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Nécessite une coordination js