CSS 文字周边边距 - padding 属性详解

在 CSS 中，文字周边的边距可以使用padding属性来设置。padding属性用于设置元素的内边距，即元素内容与边框之间的距离。\n\n例如，将段落元素的文字周边边距设置为 10 像素：\n\ncss\np {\n padding: 10px;\n}\n\n\n可以进一步指定上、右、下、左四个方向的边距：\n\ncss\np {\n padding-top: 10px;\n padding-right: 20px;\n padding-bottom: 10px;\n padding-left: 20px;\n}\n\n\n也可以使用padding属性的缩写形式来设置四个方向的边距：\n\ncss\np {\n padding: 10px 20px;\n}\n\n\n其中，第一个值表示上下边距，第二个值表示左右边距。如果只指定一个值，则表示四个方向的边距都相等。如果指定三个值，则分别表示上、左右和下的边距。如果指定四个值，则分别表示上、右、下和左的边距。\n\n除了padding属性，还可以使用padding-top、padding-right、padding-bottom和padding-left属性来分别设置上、右、下和左的边距。