html网页清楚内外边距
在CSS中,可以通过设置margin
和padding
属性为0
来清除内外边距。以下是一个简单的HTML和CSS示例,它将清除页面上所有元素的默认内外边距:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Clear Margin and Padding</title>
<style>
/* 通用选择器将所有元素的内外边距设为0 */
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<p>这段文字没有默认的内外边距。</p>
</body>
</html>
在这个例子中,通用选择器*
会选中所有的HTML元素,然后将它们的margin
和padding
都设置为0
,从而实现清除内外边距的效果。这样做可以确保你的页面从一开始就具备一致的样式,不受特定元素的内外边距默认值的影响。
评论已关闭