p CSS不工作

Question

这是应该发生的事情：

这是正在发生的事情：

的CSS

p { 
     background: #efefef; 
     background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
     background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
     background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
     box-shadow: 0px 0px 9px rgba(0,0,0,0.15); 
     padding: 5px 20px; 
     border-radius: 10px; 
     list-style: none; 
     position: relative; 
     display: inline-table; 
     color: #010101; 
     text-align:center; 
     margin-left: 20%; 
     margin-right: 20%; 
     z-index: -1; 
} 

THE HTML

<p> 
     <ul> 
       <li><a href="03.html">Spain 2003</a></li> 
       <li><a href="04.html">Costa Rica 2004</a></li> 
       <li><a href="05.html">Spain & Portugal 2005</a></li> 
       <li><a href="06.html">Spain, France, & Italy 2006</a></li> 
       <li><a href="07.html">Peru 2007</a></li> 
       <li><a href="08.html">Edinburgh, London, Paris, & Barcelona 2008</a></li> 
       <li><a href="09.html">Costa Rica 2009</a></li> 
       <li><a href="10.html">Australia, New Zealand, Hawaii, & Fiji 2010</a></li> 
       <li><a href="11.html">Spain & Morocco 2011</a></li> 
       <li><a href="12.html">Rome & Greece 2012</a></li> 
       <li><a href="13.html">Costa Rica 2013</a></li> 
     </ul> 
</p> 

Answer 1

然后冷杉st形象将是你的答案！ ：/你为什么不告诉我们你怎么写这个东西？

这只是CSS错误，你只是创建psd并试图将其转换为HTML？这不会发生。

p CSS不工作时，我把它放在一个列表

不要添加p到列表（li）。下面是一个例子

您不能将p添加到li其非法HTML中。

然而唯一的问题是在UI中搞乱了！

第一张图片显示某种幻灯片查看器，但第二张图片正在显示列表。在我看来，它实际上是在工作。你说你刚刚把这个物品放在一个清单中然后它显示一个清单，那里缺少了什么？这就是清单显示的方式！

如果你想显示列表中的图像，然后尝试在列表中添加图像:)只需添加一些CSS的代码，这将工作！

祝你好运，欢呼！

尝试提供一些代码：给我们一些例子或你有的代码，我们可以修复它！但是我们不能给你提出意见，这是它的主题。对不起:(

增加：

<p> 
    <ul> 
      <li><a href="03.html">Spain 2003</a></li> 
      <li><a href="04.html">Costa Rica 2004</a></li> 
      <li><a href="05.html">Spain & Portugal 2005</a></li> 
      <li><a href="06.html">Spain, France, & Italy 2006</a></li> 
      <li><a href="07.html">Peru 2007</a></li> 
      <li><a href="08.html">Edinburgh, London, Paris, & Barcelona 2008</a></li> 
      <li><a href="09.html">Costa Rica 2009</a></li> 
      <li><a href="10.html">Australia, New Zealand, Hawaii, & Fiji 2010</a></li> 
      <li><a href="11.html">Spain & Morocco 2011</a></li> 
      <li><a href="12.html">Rome & Greece 2012</a></li> 
      <li><a href="13.html">Costa Rica 2013</a></li> 
    </ul> 
</p> 

嗯，这是工作:)你可以看到列表中出现，现在你可以这样做：

ul li { 
display: inline; 
} 

ul { 
list-style: none; 
} 

然后添加图像出现，这样你会得到像你那里的图像缩略图，

而在此列表上方，显示另一个图像，将用作主要或wha tever任您呼叫的，大的图像。你会得到你在第一个图像中的那个。然后将它们全部绑定在一个div内，并设置borderwidth高度填充和其他属性，以使其启动。

在我看来：你正在使用的代码正在工作。这是完美的！