css标题和边框距离 |css 背景 红色

h1 {
margin-top: 30px; 
margin-bottom: 20px;
padding: 10px;
border: 1px solid #000;
}

上面的代码展示了如何设置h1标题的上下边距、内边距和边框。其中，margin-top和margin-bottom属性分别设置了标题上方和下方的外边距。通过调整值的大小，大家可以改变标题与其他元素之间的垂直距离。

padding属性设置了标题的内边距，即标题内容与边框之间的距离。通过调整padding值，大家可以增大或减小标题内容的间距，以便更好地展示网页内容。

border属性则定义了标题的边框，包括边框的粗细、线条样式和颜色。下面是border属性可用的一些选项：

border-width: 1px;              // 边框宽度
border-style: solid;            // 边框样式
border-color: #000;             // 边框颜色
border-radius: 5px;             // 边框圆角半径
border-top-left-radius: 10px;   // 上左角圆角半径

通过设置上面的属性，大家就可以完美地控制标题与边框之间的距离和样式，从而让网页展现出更美观的界面。