为什么我不能使用css填充来设置段落的样式？

我是一个HTML和CSS的新手，我一直在试图让我的段落在文本的每一边都有5px的填充，但是每当我添加“padding：5px;”时它摆脱了（该段落的）背景颜色，并且填充不起作用。我已经试过了，只是填充，这也不起作用。先谢谢你！为什么我不能使用css填充来设置段落的样式？

HTML和CSS以供参考：

body { 
 
    background-color: #000000; 
 
    font-family: arial; 
 
    color: white; 
 
} 
 
a { 
 
    color: orange; 
 
} 
 
p { 
 
    background-color: #393939 
 
    padding: 5px; 
 
}

<!doctype html> 
 
<html> 
 
    <head> 
 
     <title>spam</title> 
 
    </head> 
 
    <body> 
 
     <link rel = "stylesheet" href="main.css"> 
 
     <a href = ""><img src = ""></a> 
 
     <h1><strong>Website name</strong></h1> 
 
     
 
     <ul> 
 
      <a href = "index.html">Home</a> 
 
      <a href = "news.html">News</a> 
 
     </ul> 
 
     
 
     <p> 
 
      Man stabbed in ... 
 
     </p> 
 
     
 
    </body> 
 
</html>

来源

2017-01-20 Nick Fisher

可能没有足够的填充，因为段落标签带有自己的内置填充。你可能只是匹配它已经有的填充。 https://stackoverflow.com/questions/819161/what-is-the-default-padding-and-or-margin-for-a-p-element-reset-css –

@AndrewIce这只是一个缺少分号。 CSS不假定换行符结束属性的值。 –

这是其他人已经回答的显而易见的问题。我只是简单地提供更多的信息，来说明设计一个特定元素的另一个问题。 –

在CSS，你需要结束你与;添加的每个属性，因此只需更改代码：

p { 
    background-color: #393939; 
    padding: 5px; 
}

不具有;表明结束属性意味着浏览器将CSS读取为一个不存在的大属性，这就是为什么它看起来像你的CSS什么也没做。

来源

2017-01-20 17:28:42 Callum

我不敢相信我那样做了。我甚至做了java，但是非常感谢你！ –

你缺少的;后背景颜色：＃393939

来源

2017-01-20 17:26:59 shipshape

为什么我不能使用css填充来设置段落的样式？

回答

相关问题