Question

所以我有一个不会出现的边框。它应该创建一个虚线块，但事实并非如此。

这是我在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>

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

Answer 1

使用.coupon，而不是#coupon

#匹配ID

.匹配一个班级。

Answer 2

检查您的班级和ID

在CSS中，一个类定义为（.name） ID（#name）

应该解决问题。

Answer 3

CSS ID选择器包含紧跟ID值的“＃”，ID值必须是标识符跟随ID选择器匹配其ID属性具有值“chapter1”的H1元素：

HTML

<h1 id="chapter1">Selector ID</h1>

CSS

h1#chapter1 { text-align: center }

CSS类选择器包含“。”紧接着是Class值，它必须是一个标识符跟随类选择器匹配其Class属性值为“chapter2”的H1元素：

HTML

<h1 class="chapter2">Selector Class</h1>

CSS

h1.chapter2 { text-align: center; color: red }

CSS边框不会显示

3 个答案: