css在四边都有边框的代码

在CSS中，我们可以通过使用border属性来为元素添加边框。如果我们想让元素的四边都有边框，那么可以使用下面的代码：

border: 3px solid red;
    

上面的代码中，3px是边框的宽度，solid表示是实线边框，red是边框的颜色。我们也可以改变这些值来调整边框的样式。

除了边框之外，我们还可以使用padding属性来为元素添加内边距。这样可以使元素的内容与边框之间留出一定的空隙。下面是一个例子：

padding: 10px;
    

这里的10px表示内边距的大小。我们也可以设置不同的上下左右四个方向的内边距：

padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;

最后，我们可以为边框和内边距设置不同的样式。例如，我们可以为内部区域设置一个灰色的背景色，以突出边框的样式：

pre {
    background-color: #eee;
    padding: 10px;
    border: 1px solid #ccc;
}
    

在这个例子中，我们使用了pre标签来表示一个预格式化的文本块。这个标签通常用于显示代码，因为它会保留代码的格式和空格。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！