html - CSS 边框不会显示

<分区>

这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

关闭 9 年前。

所以我有一个不会出现的边框。它应该创建一个虚线 block ，但它没有。

这是我在 CSS 中设置的内容:

#coupon {
   border: 5px dashed black;
   float: left;
   width: 170px;
   height: 150px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;

   background-image: url('slice.png');
   background-position: center;
   background-repeat: none;

   background-color: white;
}

这是它的 div。

    <div class="coupon">
       <h1>Classic Combo</h1>
       <p>16" 1-Topping Pizza
          &amp; a 2-Liter of Your Choice
          For Only $14.99
       </p>
       <p>Expires 3/14</p>
   </div>

然而边框根本没有出现在我的页面上。我试着查找它，但这些问题的解决方案对我的问题没有用。

最佳答案

使用.coupon，而不是#coupon

# 匹配一个id

. 匹配一个类。

关于html - CSS 边框不会显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22264632/