gpt4 book ai didi

HTML 填充样式

转载 作者:太空宇宙 更新时间:2023-11-04 13:34:37 25 4
gpt4 key购买 nike

所以我有这个 html 代码:

<!DOCTYPE html>
<html>
<body>
<div style="background-color:black;color:white;padding:20px">
<h2>London</h2>
</body>
</html>

我的问题是,padding:20px 属性在 div 元素的样式属性中起什么作用?这与执行 padding:top=20px, padding:right=20px, padding:bottom=20px, padding 是一样的吗:left=20px?

我尝试放置 (padding:top=20px, padding:right=20px, padding:bottom=20px, padding :left=20px) 在 h2 元素中作为这样的属性(从 div 的样式属性中删除了 padding:20px > 元素):

<h2 padding:top=20px, padding:right=20px, padding:bottom=20px, padding:left=20px>London</h2>

但出于某种原因,上面的行给了我一个不同的输出,而不是将 padding:20px 放在 div 元素的样式属性中。有人可以解释一下这种区别吗?预先感谢您的帮助!

最佳答案

你的语法充满了错误。

必须是

<h2 style="padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px">London</h2>

是的,简而言之,这与

<h2 style="padding: 20px">London</h2>

还有其他三种缩写形式:

/* applies 10px top/bottom, and 5px left/right */
padding: 10px 5px;
/* applies 10px top, 0 to bottom, and 5px left/right */
padding: 10px 5px 0;
/* applies 1px top, 2px right, 0 bottom, 4px left (clockwise, starting at top) */
padding: 1px 2px 0 4px;

关于HTML 填充样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31554574/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com