Css 为什么这个div在顶部和底部有间隙_Css_Html

Css 为什么这个div在顶部和底部有间隙

css html

Css 为什么这个div在顶部和底部有间隙,css,html,Css,Html,使用这个HTML，我有一个带粉红色边框的div，没有边框，顶部和底部没有空格，有边框，看起来不对劲 <head> <style> blockquote { background-color:#AAA; border-color:#FAA; border-width:5px; border-style:solid; -webkit-border-radius:10px; padding:0; } </style> </head> <b

使用这个HTML，我有一个带粉红色边框的div，没有边框，顶部和底部没有空格，有边框，看起来不对劲

    <head>
<style>
blockquote {
background-color:#AAA;
border-color:#FAA;
border-width:5px;
border-style:solid;
-webkit-border-radius:10px;
padding:0;
}

</style>
</head>
<body><blockquote> <p>Lorem ipsum dolor sit amet,  consectetur adipiscing elit. Mauris a  magna vel ante lobortis blandit. Cras  justo nulla, commodo eu mollis eu,  ultrices sed lorem. Nullam varius,  metus eu venenatis luctus, est elit  ultrices est, ut facilisis nunc nunc  ac nunc. Morbi non neque vitae orci  eleifend volutpat sed nec justo. Morbi  a elit enim, ut tempus mi. Vestibulum  a quam et diam consequat porttitor non eget urna. Curabitur tincidunt  adipiscing ante non dignissim. Sed  laoreet ultrices massa. Aenean  hendrerit blandit sagittis.</p></blockquote></body>


大宗报价{
背景色：#AAA；
边框颜色：#FAA；
边框宽度：5px；
边框样式：实心；
-webkit边界半径：10px；
填充：0；
}
Lorem ipsum dolor sit amet，是一位杰出的献身者。Mauris a magna vel ante lobortis blandit。克拉斯·胡斯托·努拉，康莫多·尤里斯·尤里斯·尤里姆，乌尔特里斯·塞德·勒姆。瓦里乌斯（Nullam varius）、威尼斯人（metus eu venenatis luctus）、精英酒店（Elite ultrices）和设施酒店（ut facilisis nunc nunc ac nunc）。Morbi非neque vitae orci eleifend的名字是nec justo。莫比是一位精英，但我是临时的。前庭的大小取决于门或非门。库拉比图尔·廷西德蒙·阿迪皮斯·安特是一位非显贵。塞德·拉奥里特·尤里塞斯·马萨。埃尼安·亨德雷特·布兰迪·萨吉蒂

如果您使用W3学校的TryItEditor：

您将看到顶部和底部的粉红色边框和文本之间有一个间隙，填充都设置为0，因此如何消除该间隙？

这是

元素上的填充或边距

blockquote p {
  margin: 0;
  padding: 0;
}

我爱你：D，我怎么可能没有意识到这一点：）