<html> <head> <meta charset="UTF-8"> list{ /* 幅、高さ */ width: 500px;幅 水平オーバーフローにはスクロール バーを使用します (自動 || スクロール) * /オーバーフロー：auto;}}＃img-list＆gt; p { /*width：100px; /*マウスがホーバーする前に、境界線を追加して透明に色を設定します* /border-radius：5px; /*border：2pxソリッド透明; ボーダーカラー:#f00; ボックス -shadow:3px 3px 0px 0px #ddd;</style> </head> <body> <!-- 1. 500px*150px、id: img-list --> <div id="img-list"> の div を作成します。 <!-- 2. 800px*100px の p 要素を作成します --> ="p_small_003.jpg" > 」> p_small_007.jpg">
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
js 調整が必要です