如何在每5段后插入一个图像？[已关闭]

提问者：小点点

我是HTML的初学者。这个问题暗示了自己，如何在每5段之后插入一个图像[light.gif]？

共1个答案

匿名用户

您可以使用第n个子，并使用After将图像添加到第5 div。它不会在第5和第6元素之间。

null

p:nth-child(5n)::after {
  display: block;
  margin-top: 10px;
  content: url('http://placekitten.com/g/50/100');
}

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
<p>11</p>