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

时间:2010-12-19 21:58:05

标签: 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>
<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>

如果你使用w3schools的TryItEditor:http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic 您将看到粉红色边框与顶部和底部文本之间是否存在间隙,填充都设置为0,那么如何摆脱这种差距呢?

1 个答案:

答案 0 :(得分:3)

这是p元素

上的填充或边距
blockquote p {
  margin: 0;
  padding: 0;
}